@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans TC,system-ui,sans-serif;color:#252d28;background:#f6f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #28342d;--muted: #7f8981;--line: #e8e7e1;--paper: #fffefa;--canvas: #eeede7;--green: #2c4a3e;--green-soft: #eaf0e9;--green-mid: #668475;--yellow: #ffe75e;--coral: #d86c50;--shadow: 0 14px 40px rgba(44, 55, 46, .08)}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8db2a0;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh}.topbar{height:78px;padding:0 5.1vw;display:flex;align-items:center;justify-content:space-between;background:#fbfaf7;border-bottom:1px solid #eeede8}.brand{display:inline-flex;align-items:center;gap:11px;background:none;border:0;padding:0;text-align:left;cursor:pointer}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:var(--green);color:#f3dc82;font-family:"Noto Serif TC",serif;font-size:26px;line-height:1;box-shadow:0 5px 13px #2c4a3e30}.brand strong{display:block;color:var(--green);letter-spacing:.06em;font-size:18px;font-family:"Noto Serif TC",serif}.brand small{display:block;margin-top:2px;color:#9ba49d;font-size:8px;font-weight:700;letter-spacing:.18em}.topbar-right,.editor-top-actions{display:flex;align-items:center;gap:12px}.connection-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:#647269;font-size:11px;border:1px solid #e8e9e2;border-radius:20px;background:#fff;white-space:nowrap}.connection-pill i,.autosave-state i{width:7px;height:7px;border-radius:50%;background:#a5ada6;display:inline-block}.connection-pill.is-online i,.autosave-state i.saved-dot{background:#6aab81;box-shadow:0 0 0 3px #6aab8118}.connection-pill.is-offline i{background:#d9a65e;box-shadow:0 0 0 3px #d9a65e24}.button{border:0;min-height:39px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:#fff;box-shadow:0 4px 11px #2c4a3e24}.button-primary:hover{background:#355b4b;box-shadow:0 6px 15px #2c4a3e30}.button-soft{background:#eaf0e9;color:#365546}.button-soft:hover{background:#e0eae0}.button-outline{color:#44564a;background:#fff;border:1px solid #dfe3dc}.button-outline:hover{background:#f8faf7}.button-quiet{color:#657169;background:transparent}.profile-button{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 4px;background:#fff;border:1px solid var(--line);border-radius:30px;color:#58665d;font-size:12px;cursor:pointer}.profile-button img{width:29px;height:29px;border-radius:50%;object-fit:cover}.library-shell{background:#f6f5f1}.library-hero{max-width:1330px;min-height:365px;margin:0 auto;padding:70px 5.2vw 45px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;position:relative;overflow:hidden}.eyebrow{display:block;color:#9a7850;font-size:9px;font-weight:700;letter-spacing:.2em}.library-hero h1{max-width:690px;margin:16px 0 13px;color:#24352c;font-family:"Noto Serif TC",serif;font-size:clamp(29px,4vw,46px);line-height:1.35;font-weight:600;letter-spacing:.01em}.library-hero h1 em{color:#668475;font-style:normal}.library-hero p{max-width:550px;color:#78837b;font-size:13px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-art{height:235px;position:relative;margin-left:2vw;border-radius:54% 46% 47% 53%/55% 43% 57% 45%;background:radial-gradient(circle at 53% 42%,#e8ede3 0 28%,#e0e7dc 29% 49%,#d4e0d4 50% 66%,transparent 67%);transform:rotate(-5deg)}.art-staff{position:absolute;left:10%;right:8%;top:34%;height:80px;transform:rotate(5deg)}.art-staff i{position:absolute;left:0;right:0;height:1px;background:#63796c85}.art-staff i:nth-child(1){top:8px}.art-staff i:nth-child(2){top:26px}.art-staff i:nth-child(3){top:44px}.art-staff i:nth-child(4){top:62px}.art-staff i:nth-child(5){top:80px}.art-staff b{position:absolute;top:7px;padding:5px 8px;border-radius:6px;background:var(--yellow);color:#33362d;font-family:"Noto Serif TC",serif;font-size:20px;font-weight:500;transform:rotate(5deg)}.art-staff b:nth-of-type(1){left:22%}.art-staff b:nth-of-type(2){left:50%;top:32px}.art-staff b:nth-of-type(3){left:73%}.art-note{position:absolute;color:var(--green);font-family:"Noto Serif TC",serif}.note-one{top:10%;left:31%;font-size:45px}.note-two{right:15%;bottom:9%;font-size:58px;transform:rotate(13deg)}.art-label{position:absolute;bottom:14%;left:7%;transform:rotate(5deg);color:#8b9a8e;font-size:8px;line-height:1.45;font-weight:700;letter-spacing:.18em}.library-tools{max-width:1330px;margin:3px auto 22px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between}.library-tools h2{margin:0;font:600 18px "Noto Serif TC",serif;color:#2c3a32}.library-tools h2 span{display:inline-grid;place-items:center;min-width:21px;height:20px;margin-left:7px;border-radius:10px;color:#728178;background:#e8ece7;font:10px DM Sans,sans-serif}.library-tools p{margin:6px 0 0;color:#98a098;font-size:11px}.library-buttons{display:flex;gap:9px}.score-library-grid{max-width:1330px;margin:0 auto;padding:0 5.2vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.score-card{overflow:hidden;border:1px solid #e7e7e0;border-radius:13px;background:#fffefa;box-shadow:0 4px 13px #34453608;transition:box-shadow .2s,transform .2s}.score-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.score-card-preview{width:100%;border:0;padding:19px 20px 15px;background:#eff0e9;cursor:pointer}.mini-sheet{height:152px;padding:14px 17px;text-align:left;background:#fffefa;box-shadow:0 5px 11px #27352c12;border:1px solid #f2f0e9;overflow:hidden}.mini-sheet b{display:block;font:600 16px "Noto Serif TC",serif;color:#2b352e}.mini-sheet small{display:block;margin-top:5px;color:#78857c;font-size:9px}.mini-bars{display:grid;grid-template-columns:repeat(8,1fr);margin-top:15px;border-top:1px solid #8e978f;border-bottom:1px solid #8e978f}.mini-bars span{min-height:29px;padding:4px 1px;color:#363d36;border-right:1px solid #d4d8d2;font:12px "Noto Serif TC",serif}.mini-bars span:nth-child(odd){background:linear-gradient(transparent 35%,#ffe75e 35% 79%,transparent 79%)}.mini-sheet p{margin:10px 0 0;color:#919992;overflow:hidden;white-space:nowrap;font-size:9px}.score-card-meta{padding:13px 15px 9px;display:flex;align-items:center;justify-content:space-between}.score-card-meta strong{display:block;color:#344239;font-size:13px;font-weight:600}.score-card-meta small{display:block;margin-top:5px;color:#9aa19b;font-size:10px}.icon-button{width:32px;height:32px;border:0;border-radius:8px;display:inline-grid;place-items:center;background:transparent;color:#758077;cursor:pointer;font-size:19px}.icon-button:hover{background:#edf1ec;color:#314b3b}.score-card-actions{display:flex;gap:15px;padding:9px 15px 13px;border-top:1px solid #f0f0eb}.score-card-actions button,.quick-tools button,.canvas-footer-actions button{border:0;background:none;color:#758178;font-size:10px;cursor:pointer}.score-card-actions button:first-child{color:#496b58;font-weight:600}.empty-library{max-width:500px;margin:34px auto;padding:42px 22px;text-align:center;border:1px dashed #d8ded6;border-radius:16px;background:#fbfaf7}.empty-note{width:50px;height:50px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#e8efe7;color:#54745f;font-size:27px}.empty-library h3{margin:0;font:600 20px "Noto Serif TC",serif}.empty-library p{margin:9px 0 20px;color:#828d84;font-size:12px}.library-lower{max-width:1330px;margin:30px auto 0;padding:0 5.2vw 46px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tip-card{min-height:84px;padding:17px 19px;display:flex;gap:13px;border:1px solid #e8eae4;border-radius:11px;background:#fbfaf7}.tip-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#edf0e8;color:#63816e}.tip-card strong{color:#405247;font-size:11px}.tip-card p{margin:5px 0 0;color:#8a948d;font-size:10px;line-height:1.6}.editor-shell{height:100vh;min-height:620px;display:flex;flex-direction:column;overflow:hidden;background:#f5f4f0}.editor-topbar{height:62px;flex:0 0 62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fbfaf7;border-bottom:1px solid #e9e8e2}.editor-title-group{min-width:0;display:flex;align-items:center;gap:10px}.back-button{background:#f0f1ed;font-size:20px}.compact-brand{gap:7px}.compact-brand .brand-mark{width:30px;height:30px;border-radius:10px;font-size:21px}.compact-brand strong{font-size:15px}.compact-brand small{font-size:7px}.topbar-divider,.toolbar-divider{width:1px;height:25px;margin:0 8px;background:#e6e6df}.song-title-input{width:min(260px,24vw);min-width:110px;padding:7px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#37453b;font-size:13px;font-weight:600}.song-title-input:hover,.song-title-input:focus{border-color:#e3e5dc;background:#fff}.autosave-state{display:inline-flex;align-items:center;gap:6px;color:#929b93;font-size:10px;white-space:nowrap}.editor-top-actions{gap:8px}.editor-profile{padding:2px;border:0}.editor-profile img{width:30px;height:30px}.top-action{min-height:34px;padding:0 11px;font-size:11px}.menu-mobile{display:none}.editor-toolbar-row{height:63px;flex:0 0 63px;padding:5px 14px 5px 73px;display:flex;align-items:center;gap:11px;background:#fffefa;border-bottom:1px solid #e9e8e2}.toolbelt{min-width:0;display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none}.toolbelt::-webkit-scrollbar{display:none}.tool-button{min-width:48px;padding:4px 5px 3px;display:inline-flex;flex-direction:column;align-items:center;gap:1px;border:0;border-radius:7px;background:transparent;color:#68756c;cursor:pointer}.tool-button span{height:20px;display:grid;place-items:center;font-family:"Noto Serif TC",serif;font-size:18px}.tool-button small{font-size:8px;white-space:nowrap}.tool-button.active{color:#2e5e47;background:#edf3eb}.tool-button.active span{color:#315b46}.quick-tools{display:flex;align-items:center;gap:2px;white-space:nowrap}.quick-tools button{padding:7px;border-radius:5px}.quick-tools button:hover{background:#f0f2ec;color:#405d4a}.toolbar-spacer{flex:1}.compact-save{min-height:28px;padding:0 9px;font-size:10px;background:#f1f3ee}.offline-save{color:#986e32;background:#f8f1df}.editor-workspace{display:grid;flex:1;min-height:0;grid-template-columns:54px minmax(0,1fr) 322px}.left-rail{position:relative;padding:11px 5px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#faf9f6;border-right:1px solid #e9e8e2}.rail-button{width:42px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:8px;background:transparent;color:#8a958d;font-size:17px;cursor:pointer}.rail-button small{font-size:8px}.rail-button.selected,.rail-button:hover{color:#3d634c;background:#eaf0e8}.rail-separator{width:24px;height:1px;margin:5px 0;background:#e5e7e0}.rail-bottom{margin-top:auto}.canvas-workarea{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sheet-mode-row{height:50px;flex:0 0 50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.segmented-control{padding:3px;display:flex;gap:2px;border:1px solid #e2e5de;border-radius:8px;background:#f2f3ef}.segmented-control button{padding:6px 10px;border:0;border-radius:6px;color:#77837a;background:transparent;font-size:10px;cursor:pointer}.segmented-control button.active{color:#355744;background:#fff;box-shadow:0 1px 3px #26352b14;font-weight:600}.sheet-tools{display:flex;align-items:center;gap:4px;color:#7b867e;font-size:10px}.sheet-tools .icon-button{width:27px;height:27px;font-size:22px}.zoom-select{margin-right:8px;display:flex;align-items:center;gap:4px}.zoom-select select{padding:4px 5px;border:0;border-radius:5px;background:transparent;color:#69776e;font-size:10px}.source-action-strip{min-height:55px;margin:0 17px 9px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e6e8e1;border-radius:9px;background:#fbfaf7}.source-action-strip strong{display:block;overflow:hidden;max-width:38vw;color:#45574b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.source-action-strip small{display:block;margin-top:4px;color:#9aa29b;font-size:9px}.source-actions{display:flex;gap:7px}.source-actions .button{min-height:32px;padding:0 11px;font-size:10px}.paper-viewport{flex:1;min-height:0;overflow:auto;padding:15px 20px 27px;display:flex;align-items:flex-start;justify-content:center;background:#ecebe5}.paper-zoom{max-width:900px;min-width:440px;transition:width .2s}.score-page{position:relative;width:100%;overflow:hidden;background:#fff;box-shadow:0 7px 24px #25342a1a;touch-action:none}.template-background,.source-image,.source-pdf{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border:0}.source-pdf{z-index:0}.source-image{-webkit-user-select:none;user-select:none}.source-page,.template-page{background:#fff}.template-page-header{position:absolute;z-index:1;top:1.35%;left:7%;width:83%;height:11.4%;color:#1f2420;pointer-events:none}.template-page-header>input{position:absolute;top:0;left:0;width:37%;height:30%;padding:0;border:0;border-bottom:1.4px solid #1f2420;border-radius:0;color:#151a17;background:transparent;font:500 clamp(9px,1.4vw,20px) "Noto Serif TC",serif;pointer-events:auto}.degree-legend{position:absolute;top:39%;left:2%;display:flex;gap:clamp(8px,1.4vw,20px)}.degree-legend span{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:clamp(7px,.92vw,13px)}.degree-legend b{font-weight:500}.degree-legend small{font-size:.92em}.tempo-heading{position:absolute;top:76%;left:0;font-size:clamp(7px,.95vw,13px)}.tempo-heading input{width:46px;padding:0;border:0;color:#1f2420;background:transparent;font:inherit;pointer-events:auto}.template-grid{position:absolute;inset:0;z-index:2}.template-cell{position:absolute;cursor:crosshair;border:1px solid transparent}.template-cell:hover{border-color:#6c8f7a55;background:#e6f0e225}.template-cell.selected-cell{border:1px solid #668475;background:#7ea18b12}.template-cell.playhead-cell{box-shadow:inset 0 0 0 2px #d86c50;background:#eaa78d25}.chart-chord{position:absolute;top:5%;left:4%;padding:1px 3px 2px;border-radius:3px;color:#202520;background:#ffe75e;font:500 clamp(8px,1.2vw,17px) "Noto Serif TC",serif;white-space:nowrap;line-height:1.25}.chart-lyric{position:absolute;right:3%;bottom:9%;left:4%;overflow:hidden;color:#303630;font:400 clamp(6px,.79vw,11px) "Noto Serif TC",serif;white-space:nowrap;text-overflow:ellipsis}.chart-note{position:absolute;left:4%;bottom:8%;color:#708078;font-size:clamp(6px,.7vw,10px)}.section-marker{position:absolute;top:8%;left:-3.5vw;max-width:3vw;padding:2px 3px;overflow:hidden;border-radius:2px;color:#235647;background:#33efd5;font:500 clamp(6px,.75vw,10px) "Noto Sans TC",sans-serif;white-space:nowrap;text-overflow:ellipsis}.source-overlays{position:absolute;z-index:4;inset:0;pointer-events:none}.score-object{position:absolute;display:flex;align-items:center;justify-content:flex-start;overflow:visible;border-radius:3px;line-height:1.15;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto}.object-chord{padding:1px 3px;box-shadow:0 1px 2px #45432225}.object-lyric,.object-text{padding:1px 2px;background:#fffefaed;white-space:nowrap}.object-highlight{border-radius:3px}.object-line{position:absolute;top:50%;left:0;width:100%;border-top:2px solid currentColor}.object-circle{position:absolute;inset:0;border:2px solid currentColor;border-radius:50%}.object-image img{width:100%;height:100%;object-fit:contain}.freehand-object{inset:0;width:100%!important;height:100%!important;pointer-events:none}.freehand-object svg{width:100%;height:100%;overflow:visible}.object-selected{outline:1px dashed #466d55;outline-offset:2px}.confidence-dot{position:absolute;top:-7px;right:-8px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#d86c50;color:#fff;font:700 9px DM Sans,sans-serif}.playback-cursor{position:absolute;z-index:5;width:1px;height:7%;background:#de6c4d;box-shadow:0 0 0 2px #de6c4d22;pointer-events:none}.source-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#78867d;text-align:center;background:linear-gradient(145deg,#fff 55%,#f7f8f4)}.source-placeholder>span{color:#617e6b;font-size:45px}.source-placeholder strong{color:#47564b;font:600 19px "Noto Serif TC",serif}.source-placeholder p{margin:0;font-size:11px}.source-placeholder small{color:#9da69f;font-size:9px}.audio-source-card{position:absolute;inset:0;z-index:1;padding:12% 9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#435248;text-align:center;background:linear-gradient(155deg,#f3f6f0,#fff)}.audio-source-card strong{font:600 20px "Noto Serif TC",serif}.audio-source-card audio{width:min(80%,500px)}.audio-source-card p{max-width:420px;color:#89938b;font-size:11px;line-height:1.6}.audio-disc{width:112px;height:112px;display:grid;place-items:center;border:1px solid #dae4da;border-radius:50%;color:#6c9079;background:radial-gradient(circle,#fbfaf7 0 15%,#dce7dc 16% 18%,#edf2e9 19% 38%,#dce7dc 39% 41%,#e8eee5 42%);font-size:43px;box-shadow:0 8px 20px #475b4c14}.canvas-footer{min-height:39px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f6f2;border-top:1px solid #e4e4dd}.legend-inline{display:flex;align-items:center;gap:6px;color:#78847b;font-size:9px;white-space:nowrap}.yellow-swatch{width:11px;height:10px;background:var(--yellow);border-radius:2px}.legend-inline b{display:grid;place-items:center;min-width:15px;height:15px;border-radius:50%;background:#e6d33f;color:#443f20;font-size:8px}.page-help{color:#a1a7a0}.canvas-footer-actions{display:flex;gap:10px;white-space:nowrap}.canvas-footer-actions button:hover{color:#385745}.right-panel{min-width:0;display:flex;flex-direction:column;background:#fffefa;border-left:1px solid #e7e7e0}.panel-head{min-height:57px;padding:10px 14px 8px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efeee8}.panel-head strong{display:block;color:#38463c;font-size:12px}.panel-head small{display:block;margin-top:4px;color:#9aa39a;font-size:9px}.close-panel{display:none}.panel-tabs{min-height:39px;padding:0 10px;display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #efeee8;scrollbar-width:none}.panel-tabs button{position:relative;padding:0 7px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8b948c;font-size:9px;white-space:nowrap;cursor:pointer}.panel-tabs button.active{color:#365c46;border-color:#587861;font-weight:700}.panel-tabs button b{margin-left:3px;padding:1px 4px;border-radius:8px;color:#5b4a16;background:#f5e47a;font-size:8px}.panel-content{flex:1;min-height:0;padding-bottom:18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dfe4db transparent}.panel-section{padding:15px 16px;border-bottom:1px solid #f0efe9}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title strong{color:#425047;font-size:11px}.status-tag{padding:4px 6px;border-radius:5px;color:#7d6b21;background:#faf3ca;font-size:8px}.subtle{color:#a0a7a0;font-size:9px}.panel-hint{margin:7px 0 11px;color:#919a92;font-size:9px;line-height:1.6}.recognition-summary{margin-top:12px;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #eaede5;border-radius:8px;background:#fbfcf8}.recognition-summary span{display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid #e8eae4}.recognition-summary span:last-child{border:0}.recognition-summary b{color:#4b6d56;font:600 16px DM Sans,sans-serif}.recognition-summary small{color:#9aa39a;font-size:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.form-row label,.selected-bar-card label,.stacked-label{min-width:0;display:flex;flex-direction:column;gap:5px;color:#849087;font-size:9px}.form-row input,.form-row select,.selected-bar-card input,.selected-bar-card select,.stacked-label input,.wide-select{min-width:0;width:100%;height:33px;padding:0 8px;border:1px solid #e4e8e1;border-radius:6px;color:#445449;background:#fff;font-size:10px}.form-row input[type=color],.layer-row input[type=color]{padding:3px}.full-button{width:100%;margin-top:8px}.full-button.button-primary{min-height:36px;font-size:10px}.inline-empty{padding:14px 10px;border:1px dashed #e1e6de;border-radius:7px;color:#9ba49c;text-align:center;font-size:9px;line-height:1.6}.chord-review-list{margin:9px 0;display:flex;flex-direction:column;gap:5px}.chord-review-row{min-height:34px;padding:4px 6px;display:grid;grid-template-columns:23px 1fr 14px auto 19px;align-items:center;gap:5px;border:1px solid #ecece5;border-radius:6px;background:#fffefa}.review-confidence{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#52735c;background:#e9f1e7;font:700 8px DM Sans,sans-serif}.review-confidence.low{color:#ad6548;background:#f8e7dd}.chord-review-row input{width:100%;min-width:0;padding:4px 6px;border:1px solid #ecece7;border-radius:4px;font:13px "Noto Serif TC",serif}.degree-arrow{color:#a7afa8;font-size:10px}.chord-review-row>b{color:#495e4e;font:600 11px "Noto Serif TC",serif}.tiny-icon{width:20px;height:22px;padding:0;border:0;border-radius:4px;color:#9ca39d;background:transparent;cursor:pointer;font-size:16px}.tiny-icon:hover{color:#c25c46;background:#f9eae3}.text-button{border:0;padding:3px 0;color:#5a8068;background:transparent;font-size:9px;cursor:pointer}.text-button:hover{color:#2d5b41}.danger-text{color:#c2624b}.notice-section{background:#fbf7e7}.notice-section>strong{font-size:10px}.notice-section p{margin:7px 0 0;color:#786b45;font-size:9px;line-height:1.5}.selected-bar-card{margin-top:12px;padding:11px;border:1px solid #e8ebe4;border-radius:8px;background:#fbfcf9}.bar-card-head{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#526257;font-size:10px;font-weight:600}.bar-card-head select{width:92px;height:27px}.selected-bar-card label{margin:8px 0}.bar-edit-actions{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.bar-edit-actions .button{min-height:29px;padding:0 9px;font-size:9px}.quick-chord-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.quick-chord-grid button{min-height:44px;border:1px solid #e5e9e2;border-radius:6px;background:#fff;color:#3d4d42;font:600 12px "Noto Serif TC",serif;cursor:pointer}.quick-chord-grid button small{display:block;margin-top:2px;color:#87938a;font:8px DM Sans,sans-serif}.quick-chord-grid button:hover{border-color:#98b39f;background:#f5f9f4}.part-card{margin-top:10px;padding:9px;border:1px solid #e8ebe4;border-radius:7px}.part-card-head{display:grid;grid-template-columns:23px 1fr 75px;gap:5px;align-items:center}.part-card-head input,.part-card-head select{min-width:0;height:28px;padding:0 6px;border:1px solid #e8eae4;border-radius:5px;color:#526056;background:#fff;font-size:9px}.part-card textarea{width:100%;margin-top:7px;padding:7px;resize:vertical;border:1px solid #e8eae4;border-radius:5px;color:#5b6b60;font-size:9px;line-height:1.6}.visibility-toggle{width:22px;height:22px;padding:0;border:0;border-radius:5px;color:#b1b8b1;background:transparent;cursor:pointer}.visibility-toggle.visible{color:#557b61;background:#edf3eb}.wide-select{margin-top:10px}.layer-row{margin-top:8px;display:grid;grid-template-columns:23px 27px 1fr 20px;align-items:center;gap:6px}.layer-row input[type=color]{width:26px;height:25px;border:1px solid #e5e9e2;border-radius:5px;background:#fff}.layer-row input:not([type=color]){min-width:0;height:29px;padding:0 7px;border:1px solid #e7eae4;border-radius:5px;color:#58665c;font-size:9px}.setlist-card{margin-top:9px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:7px;border:1px solid #e8ebe4;border-radius:8px}.setlist-card strong{display:block;color:#536359;font-size:10px}.setlist-card small{display:block;margin-top:4px;color:#9aa39a;font-size:8px}.setlist-card .button{min-height:28px;padding:0 8px;font-size:8px}.setlist-card ol{grid-column:1 / -1;margin:0;padding-left:18px;color:#7d887f;font-size:9px;line-height:1.7}.hint-note{display:block;margin-top:9px;color:#9aa39a;font-size:8px;line-height:1.6}.conflict-count{padding:3px 6px;border-radius:8px;background:#f7e5dd;color:#af5d42;font-size:8px}.conflict-card{margin-top:9px;padding:9px;border:1px solid #f0ded4;border-radius:8px;background:#fffbf8}.conflict-card>strong{color:#6b5145;font-size:9px}.conflict-values{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.conflict-values button{min-width:0;padding:7px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid #ece9e2;border-radius:5px;background:#fff;cursor:pointer}.conflict-values small{color:#9aa39a;font-size:8px}.conflict-values b{max-width:100%;overflow:hidden;color:#46564b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.conflict-values button:hover{border-color:#91ab98;background:#f7faf6}.sync-info{margin-top:11px;display:flex;align-items:center;gap:10px}.sync-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f2f1ec;color:#a28a5c;font-size:17px}.sync-icon.connected{color:#54765e;background:#eaf0e8}.sync-info b{display:block;color:#59675d;font-size:9px}.sync-info small{display:block;margin-top:4px;color:#9ca49c;font-size:8px}.modal-backdrop{position:fixed;z-index:20;inset:0;padding:22px;display:grid;place-items:center;background:#24322a77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chord-modal,.share-modal{width:min(540px,100%);padding:22px 24px 20px;border:1px solid #e8e9e2;border-radius:15px;background:#fffefa;box-shadow:0 24px 80px #1b29273a}.share-modal{width:min(480px,100%)}.chord-modal header,.share-modal header{display:flex;align-items:flex-start;justify-content:space-between}.chord-modal h2,.share-modal h2{margin:6px 0 0;color:#34443a;font:600 22px "Noto Serif TC",serif}.chord-modal header p,.share-modal>p{margin:7px 0 0;color:#89928a;font-size:10px;line-height:1.7}.star-key-row{margin:16px 0 5px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.star-key-row button{width:32px;height:29px;border:1px solid #e6e8e1;border-radius:6px;color:#68766c;background:#fff;font-size:9px;cursor:pointer}.star-key-row button.selected{color:#fff;border-color:var(--green);background:var(--green)}.star-map{width:224px;height:214px;margin:8px auto;position:relative}.star-center{position:absolute;inset:74px 72px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #dae3d8;border-radius:50%;background:#f2f6ef;color:#385742;font:600 19px "Noto Serif TC",serif}.star-center small{color:#819186;font:9px DM Sans,sans-serif}.star-node{position:absolute;min-width:52px;height:29px;padding:0 7px;border:1px solid #e5e9e2;border-radius:20px;color:#768178;background:#fff;font-size:8px;cursor:pointer}.star-node.selected{border-color:#718d78;color:#355641;background:#edf3eb;font-weight:700}.node-0{top:2px;left:86px}.node-1{top:34px;right:16px}.node-2{top:91px;right:0}.node-3{bottom:28px;right:17px}.node-4{bottom:0;left:86px}.node-5{bottom:28px;left:17px}.node-6{top:91px;left:0}.node-7{top:34px;left:17px}.chord-modal-footer{padding:11px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeeee8;border-bottom:1px solid #eeeee8;color:#6f7d72;font-size:10px}.chord-modal-footer strong{color:#374d3d;font:600 15px "Noto Serif TC",serif}.chord-modal-footer .button{min-height:33px;font-size:9px}.chord-pad{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.chord-pad>strong{width:100%;margin-bottom:2px;color:#879188;font-size:9px}.chord-pad button{padding:5px 8px;border:1px solid #e6e8e1;border-radius:5px;color:#627166;background:#fff;font:10px "Noto Serif TC",serif;cursor:pointer}.chord-pad button:hover{border-color:#9ab09f;background:#f4f8f2}.share-form{margin:16px 0 8px;display:grid;grid-template-columns:1fr 96px auto;gap:6px}.share-form input,.share-form select{min-width:0;height:36px;padding:0 9px;border:1px solid #e3e7df;border-radius:6px;color:#526157;background:#fff;font-size:9px}.share-form .button{min-height:36px;padding:0 12px;font-size:9px}.shared-list{margin-top:17px;padding-top:12px;border-top:1px solid #eeeee8}.shared-list>strong{color:#59675d;font-size:10px}.shared-list>p{color:#9ba39b;font-size:9px}.shared-list>div{margin-top:8px;display:flex;justify-content:space-between;color:#627167;font-size:9px}.shared-list small{color:#91a095;font-size:8px}.toast{position:fixed;z-index:30;left:50%;bottom:24px;max-width:calc(100vw - 32px);padding:11px 16px;transform:translate(-50%);border:1px solid #506d5b;border-radius:9px;color:#f6f6ef;background:#334e40;box-shadow:0 7px 25px #20302738;font-size:11px;line-height:1.5;text-align:center}.spinner{width:13px;height:13px;display:inline-block;border:2px solid #ffffff65;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.busy-overlay{position:fixed;z-index:22;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#f5f6f1;background:#25392bb8;font-size:13px}.busy-overlay .spinner{width:20px;height:20px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{position:fixed;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#78847b;background:#f6f5f1;font-size:11px}.loading-screen .brand-mark{width:52px;height:52px;font-size:33px}.density-large .chart-chord{font-size:clamp(9px,1.45vw,19px)}.density-large .chart-lyric{font-size:clamp(7px,.88vw,12px)}.density-compact .chart-chord{font-size:clamp(7px,1vw,14px)}.density-compact .chart-lyric{font-size:clamp(6px,.69vw,9px)}.density-dense .chart-chord{font-size:clamp(6px,.8vw,11px)}.density-dense .chart-lyric{font-size:clamp(5px,.58vw,8px)}@media(max-width:1180px){.editor-workspace{grid-template-columns:48px minmax(0,1fr) 292px}.editor-toolbar-row{padding-left:58px;gap:5px}.tool-button{min-width:42px}.quick-tools button{padding:6px 5px}.panel-section{padding:13px 12px}}@media(max-width:920px){.editor-shell{height:100dvh}.editor-workspace{grid-template-columns:48px minmax(0,1fr)}.right-panel{position:fixed;z-index:12;top:62px;right:0;bottom:0;width:min(340px,calc(100vw - 54px));transform:translate(100%);transition:transform .22s ease;box-shadow:none}.right-panel:focus-within{transform:translate(0)}.right-panel.panel-open{transform:translate(0);box-shadow:-10px 0 28px #24332920}.close-panel,.menu-mobile{display:inline-grid}.editor-toolbar-row{padding-left:54px}.quick-tools{gap:0}.quick-tools button{font-size:9px}.compact-save{display:none}.score-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){body{min-width:320px}.topbar{height:62px;padding:0 16px}.topbar .brand-mark{width:34px;height:34px}.topbar .brand strong{font-size:16px}.topbar .brand small{font-size:7px}.topbar-right{gap:7px}.topbar-right .connection-pill{padding:6px 8px;font-size:9px}.topbar-right .button{min-height:33px;padding:0 10px;font-size:10px}.library-hero{min-height:auto;padding:43px 20px 31px;display:block}.library-hero h1{max-width:400px;margin-top:13px;font-size:30px}.library-hero p{max-width:420px;font-size:11px}.hero-art{position:absolute;right:-77px;bottom:-34px;width:220px;height:170px;opacity:.4}.hero-actions{position:relative;z-index:1;gap:7px}.hero-actions .button{min-height:35px;padding:0 11px;font-size:10px}.hero-actions .button-quiet{display:none}.library-tools{margin:7px auto 17px;padding:0 18px;align-items:flex-end}.library-tools h2{font-size:16px}.library-tools p{max-width:160px;font-size:9px}.library-buttons{gap:5px}.library-buttons .button{min-height:32px;padding:0 9px;font-size:9px}.library-buttons .button-outline{display:none}.score-library-grid{padding:0 15px;grid-template-columns:1fr;gap:11px}.score-card-preview{padding:13px 16px 11px}.mini-sheet{height:135px}.library-lower{padding:0 15px 30px;grid-template-columns:1fr;gap:8px}.tip-card{min-height:74px;padding:12px}.editor-topbar{height:55px;flex-basis:55px;padding:0 8px;gap:5px}.editor-title-group{gap:4px}.back-button{width:28px;height:28px}.compact-brand .brand-mark{width:27px;height:27px;font-size:19px}.compact-brand strong{font-size:13px}.compact-brand small{display:none}.topbar-divider{margin:0 2px;height:21px}.song-title-input{width:min(31vw,140px);min-width:67px;padding:5px 4px;font-size:10px}.autosave-state{width:17px;overflow:hidden;color:transparent;font-size:0}.autosave-state i{width:8px;height:8px;flex:0 0 8px}.editor-top-actions{gap:4px}.editor-top-actions .connection-pill{display:none}.top-action{min-height:29px;padding:0 7px;font-size:9px}.editor-profile img{width:26px;height:26px}.editor-top-actions .editor-profile{display:none}.menu-mobile{width:29px;height:29px;font-size:15px}.editor-toolbar-row{height:58px;flex-basis:58px;padding:3px 6px 3px 49px;gap:5px}.toolbelt{gap:1px}.tool-button{min-width:39px;padding:3px 4px}.tool-button span{height:17px;font-size:15px}.tool-button small{font-size:7px}.toolbar-divider{height:22px;margin:0 2px}.quick-tools{max-width:78px;overflow-x:auto;scrollbar-width:none}.quick-tools button{padding:5px 4px;font-size:8px}.compact-save{display:none}.editor-workspace{grid-template-columns:43px minmax(0,1fr)}.left-rail{padding:7px 3px;gap:3px}.rail-button{width:36px;height:43px;font-size:15px}.rail-button small{font-size:7px}.rail-separator{margin:3px 0}.sheet-mode-row{height:42px;flex-basis:42px;padding:0 8px}.segmented-control{padding:2px}.segmented-control button{padding:6px 7px;font-size:8px}.sheet-tools{gap:0;font-size:8px}.sheet-tools .zoom-select{margin-right:2px}.zoom-select select{width:46px;padding:2px 0;font-size:8px}.sheet-tools .icon-button{width:22px;height:24px}.source-action-strip{min-height:48px;margin:0 6px 5px;padding:6px 7px}.source-action-strip strong{max-width:34vw;font-size:9px}.source-action-strip small{font-size:8px}.source-actions{gap:4px}.source-actions .button{min-height:28px;padding:0 7px;font-size:8px}.paper-viewport{padding:10px 6px 16px}.paper-zoom{min-width:360px}.canvas-footer{min-height:34px;padding:0 7px}.legend-inline{font-size:8px}.page-help{display:none}.canvas-footer-actions{gap:4px}.canvas-footer-actions button{padding:3px 1px;font-size:8px}.panel-head{min-height:52px}.panel-tabs{min-height:36px}.panel-content{max-height:calc(100dvh - 153px)}.chord-modal,.share-modal{padding:18px 14px 15px}.share-form{grid-template-columns:1fr 83px}.share-form .button{grid-column:1 / -1}.chord-modal-footer{gap:7px}.chord-modal-footer .button{padding:0 9px}.toast{bottom:13px;padding:9px 12px;font-size:10px}}@media print{body,.app-shell,.editor-shell{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}.editor-topbar,.editor-toolbar-row,.left-rail,.right-panel,.sheet-mode-row,.source-action-strip,.canvas-footer,.toast,.modal-backdrop{display:none!important}.editor-workspace,.canvas-workarea,.paper-viewport{display:block!important;height:auto!important;padding:0!important;overflow:visible!important;background:#fff!important}.paper-zoom{width:100%!important;min-width:0!important;max-width:none!important}.score-page{box-shadow:none!important;break-after:page}.score-page:last-child{break-after:auto}}.audio-source-card{overflow:auto;justify-content:flex-start;padding:5% 8%;gap:10px}.audio-source-card .audio-disc{width:clamp(68px,10vw,112px);height:clamp(68px,10vw,112px);flex:0 0 auto}.audio-source-card>strong{font-size:clamp(14px,1.6vw,20px)}.audio-beat-editor{width:min(88%,560px);margin-top:3px;text-align:left}.beat-editor-heading{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;color:#718076;font-size:9px}.beat-editor-heading strong{color:#526458;font-size:10px}.audio-waveform{position:relative;height:56px;overflow:hidden;border:1px solid #dfe7dc;border-radius:6px;background:#f9fbf7;cursor:crosshair;touch-action:manipulation}.waveform-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;gap:2px;padding:0 3px;pointer-events:none}.waveform-bars i{width:2px;min-width:1px;border-radius:2px;background:#c6d7c8}.beat-marker{position:absolute;z-index:1;top:0;bottom:0;width:7px;padding:0;transform:translate(-50%);border:0;border-left:1px solid #da7558;background:#da755825;cursor:pointer}.beat-marker:hover{border-left-width:2px;background:#da755850}.audio-beat-editor>small{display:block;margin-top:5px;color:#95a097;font-size:8px;line-height:1.45}.audio-source-card>p{margin:0}.half-preview-strip{width:min(88%,640px);margin:0 auto 10px;padding:7px 10px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;border:1px solid #dfe6dc;border-radius:7px;color:#526458;background:#fbfcf9;text-align:left;cursor:pointer}.half-preview-strip strong{font-size:8px;white-space:nowrap}.half-preview-strip span{overflow:hidden;color:#6a806e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.half-preview-strip small{grid-column:2;overflow:hidden;color:#97a198;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.template-page-header>input{height:35%}.template-page-header .degree-legend{top:68%;left:0}.template-page-header .tempo-heading{top:87%}.chart-lyric{bottom:42%}