:root{--color-paper:#faf8f5;--color-paper-edge:#ebe5d9;--color-ink:#121212;--color-ink-soft:#4a4a4a;--color-accent:#121212;--color-brass:#b38e50;--color-gold-wash:#f1ead7;--color-line:#d8d0c1;--color-line-strong:#c4bba8;--color-danger:#8c2f39;--color-success:#2d5a38;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--shadow-card:0 4px 6px #1212120d, 0 16px 32px -12px #1212121a;--shadow-paper:0 4px 8px #1212120d, 0 32px 64px -24px #12121240}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background-color:var(--color-paper-edge);background-image:radial-gradient(var(--color-line) 1px, transparent 1px);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-size:20px 20px;flex-direction:column;min-height:100vh;font-size:14px;line-height:1.5;display:flex}a{color:var(--color-accent);text-decoration:none}:focus-visible{outline:2px solid var(--color-brass);outline-offset:2px}[hidden]{display:none!important}#saveIndicator,.save-indicator,#firebaseToast,.toast-message{z-index:9999!important;position:fixed!important;bottom:24px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}#btnGoCatalog,#btnGoCodexHero{color:#fff!important;background-color:#121212!important;border:1px solid #121212!important}body.dark-theme{--color-paper:#1a1a1a;--color-paper-edge:#121212;--color-ink:#eaeaea;--color-ink-soft:#9e9e9e;--color-line:#333;--color-line-strong:#4a4a4a;--color-gold-wash:#242424;--color-brass:#d4af37;--color-accent:#d4af37;background-color:var(--color-paper-edge)}body.dark-theme .paper-wrap{background:0 0}body.dark-theme .logo-wordmark,body.dark-theme .logo-primary,body.dark-theme .logo-modal{filter:invert(.92)hue-rotate(180deg)brightness(1.2);transition:filter .3s}body.dark-theme #paperWrap svg path,body.dark-theme #paperWrap svg rect,body.dark-theme #paperWrap svg line,body.dark-theme #paperWrap svg text{fill:#eaeaea!important;stroke:#eaeaea!important}body.dark-theme #paperWrap svg text{stroke:none!important}body.dark-theme #paperWrap svg .measure-hit rect{fill:#0000!important;stroke:none!important}body.dark-theme #paperWrap svg .measure-hit.active rect{fill:#d4af3726!important;stroke:var(--color-brass)!important}body.dark-theme #paperWrap h1,body.dark-theme #paperWrap h2,body.dark-theme #paperWrap h3,body.dark-theme #paperWrap p,body.dark-theme #paperWrap .composer,body.dark-theme .score-letterhead h2,body.dark-theme .score-letterhead p,body.dark-theme .score-letterhead span{color:#fff!important}body.dark-theme .player-bar .pl-time,body.dark-theme .player-bar .pl-bpm-label,body.dark-theme .player-bar .pl-bpm-symbol,body.dark-theme .player-bar .pl-bpm-eq,body.dark-theme .pl-btn{color:#eaeaea!important}body.dark-theme .pl-btn svg{fill:#eaeaea!important}body.dark-theme .pl-btn:hover{color:var(--color-brass)!important}body.dark-theme .pl-btn:hover svg{fill:var(--color-brass)!important}body.dark-theme .field-label,body.dark-theme .desk-title,body.dark-theme .check-inline,body.dark-theme .measure-controls-header span{color:#eaeaea!important}body.dark-theme .field-input,body.dark-theme .custom-select .select-selected{color:#fff!important;background-color:#2a2a2a!important;border-color:#4a4a4a!important}body.dark-theme #btnGoCatalog,body.dark-theme #btnGoCodexHero{color:#121212!important;background-color:#eaeaea!important;border:1px solid #eaeaea!important}.print-only{display:none}@media print{.print-only{display:block!important}html,body{background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.paper-wrap{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.paper-page{page-break-after:avoid!important;page-break-inside:avoid!important;margin:0!important;padding:0!important}#mainHeader,.engrave-desk,.editor-top-controls,.sitefooter,.floating-notes,#practiceFloatingOverlay{display:none!important}.print-footer-content{font-family:var(--font-mono);font-size:11px;border-top:1px dashed var(--color-line-strong)!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-top:20px!important;padding-top:10px!important;display:flex!important}}.view{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:40px 28px 64px}body.is-home .view{justify-content:center;align-items:center;padding:0;display:flex}.topbar{background:var(--color-paper);border-bottom:1px solid var(--color-line);z-index:50;justify-content:space-between;align-items:center;padding:14px 28px;transition:transform .3s;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000008}.topbar-right{justify-content:flex-end;align-items:center;gap:16px;margin-left:auto;display:flex}.topbar-actions{border-left:1px solid var(--color-line);align-items:center;gap:12px;padding-left:16px;display:flex}body.is-home .topbar{box-shadow:none;background:0 0;border:none;width:100%;position:absolute}body.is-home .brand{opacity:0;pointer-events:none;visibility:hidden}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;transition:opacity .2s;display:flex}.brand:hover{opacity:.7}.logo-wordmark{object-fit:contain;vertical-align:middle;width:auto;height:32px}.logo-primary{object-fit:contain;width:auto;height:180px;margin:0 auto 20px;display:block}.logo-modal{object-fit:contain;width:auto;height:120px;margin:0 auto 15px;display:block}.btn{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--color-line-strong);background:var(--color-paper);color:var(--color-ink);cursor:pointer;white-space:nowrap;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.btn:hover{border-color:var(--color-brass);background:var(--color-paper-edge)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.btn-primary:hover{opacity:.9}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-gold-wash);border-color:#0000}.btn-ghost-small{background:var(--color-paper-edge);cursor:pointer;border-radius:var(--radius-md);color:var(--color-ink-soft);border:1px solid #0000;padding:8px 12px;font-weight:600;transition:all .15s}.btn-ghost-small:hover{background:var(--color-paper);border-color:var(--color-line-strong);color:var(--color-ink)}.btn-huge{border-radius:var(--radius-lg);border:none;margin-top:24px;padding:16px 40px;font-size:16px}.btn-small{flex:1;padding:7px 10px;font-size:12px}.btn-block{width:100%;margin-top:8px}.btn-danger{color:var(--color-danger);border-color:#8c2f394d}.field-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft);margin:12px 0 4px;font-size:10.5px;display:block}.field-input{width:100%;font-family:var(--font-body);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);padding:8px 10px;font-size:14px}.field-input[type=file]{padding:5px;font-size:12px}.field-input:focus{border-color:var(--color-brass);box-shadow:0 0 0 2px var(--color-gold-wash);outline:none}.field-input--title{font-family:var(--font-display);font-size:20px;font-weight:600}.field-row{gap:10px;display:flex}.field-row>div{flex:1}.check-inline{color:var(--color-ink-soft);cursor:pointer;align-items:center;gap:7px;margin:10px 0 0;font-size:13px;display:flex}.custom-select{-webkit-user-select:none;user-select:none;width:100%;font-family:var(--font-body);font-size:14px;position:relative}.select-selected{background:var(--color-paper);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);cursor:pointer;color:var(--color-ink);justify-content:space-between;padding:8px 10px;display:flex}.select-selected:focus{border-color:var(--color-brass);box-shadow:0 0 0 2px var(--color-gold-wash);outline:none}.select-items{background:var(--color-paper);z-index:99;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-height:200px;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.custom-select.active .select-items{display:block}.select-items div{cursor:pointer;border-bottom:1px solid var(--color-paper-edge);justify-content:space-between;padding:8px 10px;display:flex}.select-items div:hover{background-color:var(--color-gold-wash)}.translucent{opacity:.4;font-size:12px;font-family:var(--font-mono)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#121212a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);width:100%;max-width:380px;padding:32px 28px 28px;position:relative}.modal-card--small{text-align:center;max-width:360px;padding:30px 24px}.modal-close{cursor:pointer;color:var(--color-ink-soft);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--color-gold-wash);color:var(--color-ink)}.custom-toast{color:#f4f0ea;font-family:var(--font-body);opacity:0;z-index:9999;box-shadow:var(--shadow-card);pointer-events:none;background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px)}.custom-toast.show{opacity:1;transform:translate(-50%)}.custom-toast.toast-error{background-color:var(--color-danger)}.custom-toast.toast-success{background-color:var(--color-success)}.sync-indicator{color:var(--color-ink-soft);opacity:0;pointer-events:none;z-index:9999;align-items:center;gap:8px;font-size:12px;transition:opacity .3s;display:flex;position:fixed;bottom:20px;right:20px}.sync-indicator.is-visible{opacity:1}.sync-indicator .dot{background:var(--color-brass);border-radius:50%;width:8px;height:8px}.sync-indicator.is-syncing .dot{animation:1s infinite alternate pulse}.maintenance-banner{background:var(--color-brass);color:#1a1a1a;text-align:center;font-family:var(--font-body);z-index:10000;padding:10px 20px;font-size:14px;font-weight:600;position:relative}.home-hero{text-align:center;border-radius:var(--radius-lg);max-width:800px;box-shadow:var(--shadow-paper);border:1px solid var(--color-line);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf8f5f2;padding:60px 40px;position:relative}body.dark-theme .home-hero{background:#1e1e1ef2}.home-hero h1{font-family:var(--font-display);color:var(--color-brass);margin:0 0 20px;font-size:32px;font-style:italic;font-weight:600}.home-hero .hero-sub{color:var(--color-ink-soft);max-width:600px;margin:0 auto 32px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.catalog-header{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.catalog-header h2{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:40px;font-weight:700}.catalog-toolbar{background:var(--color-paper);border-radius:var(--radius-md);border:1px solid var(--color-line);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;display:flex}.search-input{flex:3;min-width:250px;padding:10px 16px;font-size:15px}.sort-select{cursor:pointer;flex:1.5;min-width:200px;padding:10px 12px;font-size:14px}.catalog-filters{background:var(--color-gold-wash);border-radius:var(--radius-md);border:1px solid var(--color-line-strong);flex-wrap:wrap;align-items:flex-end;gap:24px;margin-top:-10px;padding:20px 24px;display:flex}.filter-group{flex-direction:column;flex:1;min-width:150px;display:flex}.library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.library-empty{background:var(--color-paper);color:var(--color-ink-soft);text-align:center;border:2px dashed var(--color-line-strong);border-radius:var(--radius-lg);margin-top:20px;padding:80px 20px}.library-empty h3{font-family:var(--font-display);color:var(--color-ink);margin-top:0;margin-bottom:8px;font-size:28px}.score-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;min-height:200px;padding:24px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.score-card:hover{border-color:var(--color-brass);transform:translateY(-4px);box-shadow:0 20px 40px -16px #12121240}.score-card .card-eyebrow{font-family:var(--font-mono);color:var(--color-brass);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.score-card h3{font-family:var(--font-display);margin:8px 0 4px;font-size:26px;font-weight:700;line-height:1.2}.score-card .composer{color:var(--color-ink-soft);font-size:15px;font-style:italic}.score-card .meta{color:var(--color-ink-soft);justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;display:flex}.card-actions-row{border-top:1px dashed var(--color-line);gap:8px;margin-top:auto;padding-top:16px;display:flex}.lang-switch{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);gap:4px;padding:2px;display:flex}.lang-btn{cursor:pointer;color:var(--color-ink-soft);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.lang-btn.active{background:var(--color-gold-wash);color:var(--color-ink)}.btn-pin{color:var(--color-line-strong);cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s;position:absolute;top:15px;right:15px}.btn-pin:hover,.btn-pin.is-pinned{color:var(--color-brass)}.account-logged{background:var(--color-paper);border:1px solid var(--color-line-strong);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px;transition:background .15s;display:flex}.account-logged:hover{background:var(--color-gold-wash);border-color:var(--color-brass)}.account-avatar{background:var(--color-brass);color:#121212;width:24px;height:24px;font-family:var(--font-mono);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.account-email{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-right:6px;font-size:12px;font-weight:600;overflow:hidden}.auth-tabs{border-bottom:1px solid var(--color-line);margin-bottom:14px;display:flex}.auth-tab{font-family:var(--font-body);color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 4px;font-size:14px;font-weight:600}.auth-tab.is-active{color:var(--color-ink);border-bottom-color:var(--color-brass)}.auth-subtitle{color:var(--color-ink-soft);margin:0 0 18px;font-size:13px;line-height:1.5}.auth-error{color:var(--color-danger);border-radius:var(--radius-sm);background:#8c2f391a;border:1px solid #8c2f394d;margin:10px 0 0;padding:8px 10px;font-size:12.5px}.auth-divider{text-align:center;color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.06em;align-items:center;margin:18px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--color-line);flex:1}.auth-divider span{padding:0 10px}.auth-google-btn{justify-content:center;align-items:center;gap:10px;display:flex}.profile-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.profile-avatar-large{background:var(--color-brass);color:#121212;border:2px solid var(--color-line-strong);background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:flex}.profile-info h3{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:22px}.profile-info p{color:var(--color-ink-soft);font-size:13px;font-family:var(--font-mono);margin:0}.profile-danger-zone{border-top:1px dashed var(--color-danger);margin-top:24px;padding-top:12px}.floating-notes{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.note-anim{color:var(--color-brass);opacity:.12;font-size:40px;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{transform:translateY(100vh)rotate(0)}to{transform:translateY(-100px)rotate(360deg)}}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.sitefooter{width:100%;color:var(--color-ink-soft);border-top:1px solid var(--color-line);background:0 0;justify-content:space-between;align-items:center;padding:24px 40px;font-size:13px;display:flex}.footer-controls{align-items:center;gap:16px;display:flex}.cloud-save-indicator,#firebaseSaveIndicator{z-index:100;position:fixed;bottom:24px;right:180px!important}.paper-wrap{padding-bottom:20px!important}.print-footer-content,.print-header-content{display:none}@media (width<=720px){.topbar{flex-wrap:wrap;gap:10px;padding:12px 14px}.topbar-right{flex-wrap:wrap;gap:12px}}#viewEditor{width:100%;max-width:100%;padding-left:48px;padding-right:48px}.editor-layout{background:0 0;align-items:stretch;gap:24px;max-width:100%;margin:0 auto;display:flex;overflow:hidden}body.is-viewer .engrave-desk{display:none!important}body.is-viewer .editor-layout{border:none}body.is-viewer .paper-wrap{border:1px solid var(--color-line);border-radius:var(--radius-md);margin:0 auto;padding-top:20px}body.is-viewer .measure-hit{pointer-events:none}body.is-viewer .measure-hit rect{stroke:none!important;fill:#0000!important}.engrave-desk{width:380px;min-width:380px;height:calc(100vh - var(--editor-sticky-offset,120px) - 100px);top:var(--editor-sticky-offset,120px);background:0 0;flex-direction:column;gap:16px;padding:0 16px 40px 0;display:flex;position:sticky;overflow-y:auto}.desk-section{background:var(--color-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-line);padding:20px}.desk-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);border-bottom:1px solid var(--color-line);margin:0 0 16px;padding-bottom:8px;font-size:11px;font-weight:600}.desk-divider{display:none}.pill{background:var(--color-gold-wash);color:var(--color-ink);font-family:var(--font-mono);border-radius:999px;margin-left:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.staff-toggle{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);margin-bottom:16px;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000005}.toggle-btn{background:var(--color-paper-edge);cursor:pointer;color:var(--color-ink-soft);border:none;flex:1;padding:10px;font-size:13px;font-weight:600;transition:background .1s}.toggle-btn.is-active{background:var(--color-ink);color:var(--color-paper)}.note-list-container{background:var(--color-paper-edge);border:1px inset var(--color-line);border-radius:var(--radius-md);flex-wrap:wrap;gap:8px;min-height:50px;max-height:120px;margin-bottom:16px;padding:12px;display:flex;overflow-y:auto}.note-tag{background:var(--color-paper);border:1px solid var(--color-line-strong);font-family:var(--font-mono);color:var(--color-ink);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #00000008}.note-tag-del{cursor:pointer;color:var(--color-danger);opacity:.6;font-size:10px}.note-tag-del:hover{opacity:1}.note-builder{background:var(--color-gold-wash);border-radius:var(--radius-md);border:1px solid var(--color-line-strong);padding:16px}.duration-grid{justify-content:space-between;gap:6px;margin-top:4px;display:flex}.dur-btn{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer;color:var(--color-ink);flex:1;padding:10px 0;font-size:22px;line-height:1;transition:background .1s}.dur-btn.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.paper-wrap{--zoom-level:1;transform-origin:top;transform:scale(var(--zoom-level));box-shadow:var(--shadow-paper);border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:#fff;flex:1;margin-top:0;padding:0 40px 100px;transition:transform .2s;display:block;position:relative;overflow-x:auto}.paper-page{width:100%;max-width:1050px;margin:0 auto 30px;padding:50px 30px;position:relative}.paper-page svg{width:100%;height:auto;display:block}.measure-hit{cursor:pointer;pointer-events:all}.measure-hit.active rect{fill:#b38e5026;stroke:var(--color-brass);stroke-width:1px}.playback-line-svg{pointer-events:none;will-change:transform;stroke-linecap:round;z-index:100}.note-playing path,.note-playing rect{fill:var(--color-brass)!important;stroke:var(--color-brass)!important}#practiceFloatingOverlay{z-index:900;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:40px;left:0;right:0}.practice-pill{background:var(--color-ink);color:#fff;font-family:var(--font-mono);pointer-events:all;border:1px solid var(--color-brass);border-radius:50px;align-items:center;gap:12px;padding:12px 24px;font-size:13px;display:flex;box-shadow:0 10px 25px #0000004d}.practice-pulse{background:var(--color-danger);border-radius:50%;width:10px;height:10px;animation:1s infinite alternate pulse}.score-letterhead{text-align:center;margin-bottom:14px}.score-letterhead h2{font-family:var(--font-display);margin:0;font-size:52px;font-weight:700;line-height:1.2}.score-letterhead p{font-family:var(--font-display);color:var(--color-ink-soft);margin:4px 0 0;font-size:24px;font-style:italic}.editor-top-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:0 auto 24px;display:flex}.back-pill{background:var(--color-paper);border:1px solid var(--color-line-strong);box-shadow:var(--shadow-card);color:var(--color-ink-soft);font-family:var(--font-body);cursor:pointer;border-radius:50px;align-items:center;padding:10px 24px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.back-pill:hover{border-color:var(--color-brass);color:var(--color-ink)}.player-bar{background:var(--color-paper);border:1px solid var(--color-line-strong);box-shadow:var(--shadow-card);border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;max-width:fit-content;padding:10px 24px;display:flex}.pl-btn{border:1px solid var(--color-line-strong);background:var(--color-paper);width:36px;height:36px;color:var(--color-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.pl-btn:hover{border-color:var(--color-brass)}.pl-progress{background:var(--color-paper-edge);border:1px solid var(--color-line-strong);cursor:pointer;border-radius:999px;flex:1;min-width:140px;height:8px;position:relative;overflow:hidden}.pl-progress-fill{background:var(--color-brass);border-radius:999px;width:0%;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.pl-time{font-family:var(--font-mono);color:var(--color-ink-soft);font-size:11.5px}.pl-speeds{gap:4px;display:flex}.pl-speed-btn{font-family:var(--font-mono);border:1px solid var(--color-line-strong);background:var(--color-paper);color:var(--color-ink-soft);cursor:pointer;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:600}.pl-speed-btn.is-active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.pl-bpm-label{font-family:var(--font-mono);color:var(--color-ink-soft);align-items:center;gap:6px;display:flex}.pl-bpm-symbol{color:var(--color-ink);margin-top:-3px;font-size:22px;line-height:1}.pl-bpm-eq{font-size:16px;font-weight:600}.pl-bpm-input{width:60px;height:32px;font-family:var(--font-mono);border:1px solid var(--color-line-strong);text-align:center;background:var(--color-paper);color:var(--color-ink);border-radius:999px;padding:4px 0;font-size:14px}.measure-controls-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}@media (width<=720px){.engrave-desk{width:100%;min-width:0;height:auto;padding-right:0;position:static}.editor-layout{flex-direction:column}}@media print{body{font-family:var(--font-display,Georgia, serif);color:#000!important;background:#fff!important}.topbar,.engrave-desk,.editor-subnav,.sitefooter,.paper-hint,.player-bar,.modal-overlay,.editor-top-controls,.back-pill,#viewHome,#viewLibrary,.custom-toast,.sync-indicator,.btn-exit-zen{display:none!important}html,body,#viewEditor,.editor-layout,.paper-wrap{height:auto!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}::-webkit-scrollbar{display:none!important}.measure-hit{display:none!important}@page{size:A4 portrait;margin:15mm 10mm 20mm}.paper-page{page-break-after:always;break-after:page;position:relative;box-shadow:none!important;width:100%!important;min-width:auto!important;max-width:100%!important;margin:0 0 50px!important;padding:0!important}.paper-page:last-child{page-break-after:auto;break-after:auto}.paper-page svg{width:100%!important;height:auto!important;max-height:275mm!important}.print-header-content{font-family:var(--font-mono);text-transform:uppercase;border-bottom:2px solid #000;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:8px;font-size:10px;display:flex!important}.print-footer-content{font-family:var(--font-mono);color:#000;border-top:1px dashed #000;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;font-size:10px;display:flex}.print-logo-isotipo{object-fit:contain;width:auto;height:16px}}