@layer theme{:root,:host{--font-sans:"Noto Sans", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.block{display:block}.inline{display:inline}.resize{resize:both}}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Bold.ttf)format("truetype");font-weight:600 900;font-style:normal;font-display:swap}:root{--navy:#22577a;--teal:#38a3a5;--ink:#263e49;--muted:#6e8088;--border:#dfe8e8;--surface:#f5f8f8;--mint:#c7f9cc}*{box-sizing:border-box}body{color:var(--ink);background:#f8faf9;margin:0;font-family:Noto Sans,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #38a3a5}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #38a3a5}input,textarea,select{min-width:0}input,select,textarea{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:7px;padding:10px 12px}input::placeholder,textarea::placeholder{color:#91a0a5}summary{list-style:none}summary::-webkit-details-marker{display:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button{background:0 0;border:0}code{color:var(--navy);background:#eff5f3;border-radius:4px;padding:2px 4px}.button{white-space:nowrap;background:#fff;border:1px solid #dce5e6;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.button:hover{background:#edf4f2;border-color:#bfcfcf}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 2px 3px #22577a12}.button.primary:hover{background:#194765}.button.quiet{background:0 0;border-color:#0000}.button.quiet:hover{background:#eaf4ef}.button.danger{color:#fff;background:#a63131;border-color:#a63131}.icon-button{border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:#eaf1ef}.danger-text{color:#a63131!important}.app-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:76px;height:80px;padding:0 4.3%;display:flex}.brand{letter-spacing:-1.3px;color:var(--navy);align-items:center;gap:10px;font-size:26px;font-weight:700;display:flex}.brand-mark{background:var(--navy);color:#c7f9cc;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.brand-period{color:var(--teal);margin-left:-10px}.app-header nav{gap:28px;height:100%;display:flex}.app-header nav a{height:100%;color:var(--muted);align-items:center;gap:8px;font-weight:600;display:flex;position:relative}.app-header nav a.active{color:var(--navy)}.app-header nav a.active:after{content:"";background:var(--teal);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.header-note{color:#71868b;letter-spacing:.1px;margin-left:auto;font-size:12px}.header-note span{color:#9aa8ac}.library-page{max-width:1340px;margin:auto;padding:53px 48px 0}.library-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.eyebrow{letter-spacing:1.5px;color:#4f8d88;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:var(--teal);border-radius:50%;width:5px;height:5px}.library-heading h1{letter-spacing:-1.3px;font-size:35px;font-weight:600;line-height:1.25}.library-heading h1>span{color:var(--teal)}.library-heading p{color:var(--muted);margin-top:12px;font-size:14px}.library-heading .primary{padding:11px 20px}.library-banner{background:linear-gradient(110deg,#eef8f3,#e8f7f3);border:1px solid #d0e8df;border-radius:11px;align-items:center;gap:22px;margin:32px 0 42px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.banner-icon{z-index:1;color:#38958d;background:#fff;border-radius:12px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 4px 12px #22577a08}.library-banner h2{color:var(--navy);letter-spacing:-.4px;font-size:19px;font-weight:600}.library-banner p{color:#73908b;margin-top:5px;font-size:13px}.library-banner>a{z-index:1;color:#287c76;align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:600;display:flex;position:relative}.staff-lines{opacity:.08;pointer-events:none;width:260px;position:absolute;top:-15px;right:2%;transform:rotate(-16deg)}.staff-lines i{border-top:1px solid var(--navy);height:18px;display:block}.staff-lines svg{width:80px;height:80px;color:var(--navy);position:absolute;top:25px;left:90px}.library-section-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.library-section-title h2{letter-spacing:-.3px;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.library-section-title>span{color:#8a999e;font-size:12px}.count-badge{color:#688a84;text-align:center;background:#eaf1ed;border-radius:5px;min-width:23px;padding:2px 6px;font-size:11px}.library-filters{gap:12px;margin-bottom:24px;display:flex}.search-field{border:1px solid var(--border);color:#7b9199;background:#fff;border-radius:7px;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.search-field input{outline-offset:-2px;background:0 0;border:0;flex:1;padding:12px 0}.search-field button{display:flex}.filter-select{border:1px solid var(--border);background:#fff;border-radius:7px;align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.filter-select>span{color:#8b9a9f}.filter-select select{border:0;max-width:175px;padding-left:0;padding-right:4px;font-weight:600}.song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.song-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:24px 24px 0;transition:box-shadow .15s,border-color .15s}.song-card:hover{border-color:#bfd5cf;box-shadow:0 6px 24px #22577a06}.song-card-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.song-art{border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.tone-0{color:#3c6c85;background:#eaf3f7}.tone-1{color:#458b6b;background:#eaf6ef}.tone-2{color:#388e8b;background:#e6f4f3}.key-badge{color:var(--navy);background:#f7fafc;border:1px solid #dde8ed;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:600}.song-title-link{justify-content:space-between;align-items:center;gap:10px;display:flex}.song-title-link svg{color:#95aaa9}.song-title-link h3{letter-spacing:-.4px;overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.4}.song-artist{color:#7d8f96;overflow-wrap:anywhere;margin-top:6px;font-size:13px}.song-card-details{color:#7b8f95;gap:10px;margin-top:22px;font-size:12px;display:flex}.song-updated{color:#96a3a9;margin-top:7px;margin-bottom:22px;font-size:11px}.song-card-actions{border-top:1px solid #ecf0f0;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.song-card-actions>.button{color:var(--navy);padding:9px 12px;font-size:12px}.card-menu{position:relative}.card-menu>.menu-popover{overscroll-behavior:contain;width:205px;min-width:0;position:fixed;right:auto;overflow-y:auto}.card-menu .action-menu{width:100%}.card-menu .action-menu summary{border:0;justify-content:flex-start;width:100%;padding:8px 10px;font-size:13px;font-weight:400}.card-menu .action-menu .menu-popover{min-width:0;box-shadow:none;background:var(--surface);margin:2px 0 5px;position:static}.card-menu .action-feedback{white-space:normal;padding:5px 10px;display:block;position:static}.pagination{color:var(--muted);justify-content:space-between;align-items:center;margin:26px 0;font-size:12px;display:flex}.pagination>div{gap:8px;display:flex}.pagination .button{min-height:34px;font-size:12px}.empty-library{text-align:center;background:#fff;border:1px dashed #cfddda;border-radius:12px;min-height:300px;padding:48px 20px 35px}.empty-icon{color:#43877c;background:#ecf6f0;border-radius:19px;place-items:center;width:65px;height:65px;margin:0 auto 20px;display:grid}.empty-library h2{letter-spacing:-.5px;font-size:22px;font-weight:600}.empty-library p{color:var(--muted);max-width:420px;margin:10px auto 24px;font-size:14px}.empty-footnote{color:#8c9d9f;justify-content:center;gap:14px;margin-top:29px;font-size:12px;display:flex}.library-footer{border-top:1px solid var(--border);color:#94a3a6;justify-content:space-between;align-items:center;margin-top:48px;padding:23px 0;font-size:12px;display:flex}.brand-small{letter-spacing:-.8px;color:#6b8a8b;font-size:19px;font-weight:700}.skeleton{height:263px;padding-top:32px;animation:1.5s infinite pulse}.skeleton>div{background:#ecf1f0;border-radius:4px;height:15px;margin:20px 0}.skeleton>div:first-child{width:44px;height:44px}.skeleton>div:last-child{width:65%}@keyframes pulse{50%{opacity:.5}}.editor-page{max-width:1800px;margin:auto;padding:29px 3% 0}.page-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px;display:flex}.back-link{color:#7e949b;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;font-size:12px;display:flex}.back-link:hover{color:var(--navy)}.page-heading h1{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:26px;font-weight:600;line-height:1.3}.page-heading p{color:var(--muted);margin-top:6px;font-size:13px}.heading-with-badge{align-items:center;gap:12px;display:flex}.badge{letter-spacing:.2px;color:#709080;white-space:nowrap;background:#edf3ef;border:1px solid #dce7e3;border-radius:4px;padding:3px 7px;font-size:10px}.page-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.metadata-panel{border:1px solid var(--border);z-index:5;background:#fff;border-radius:9px;margin-bottom:20px;position:relative}.metadata-main{align-items:end;gap:22px;padding:20px 22px;display:flex}.metadata-main label{color:#7b8e95;flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.metadata-main input,.metadata-main select{padding:9px 11px;font-size:14px;font-weight:400}.title-field{flex:1.3}.artist-field{flex:1}.key-field{width:88px}.more-details{position:relative}.more-details summary{color:#6d8289;margin-bottom:1px;font-size:12px}.metadata-extra{z-index:30;border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;width:460px;max-width:calc(100vw - 40px);padding:21px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 40px #17394720}.metadata-extra label{min-width:0}.metadata-extra input,.metadata-extra select,.metadata-extra textarea{width:100%;min-width:0}.song-category{color:var(--muted);margin:8px 0;font-size:12px}.metadata-extra .category-field,.metadata-extra .notes-field{grid-column:1/-1}.metadata-extra textarea{resize:vertical;font-weight:400}.editor-toolbar{border-top:1px solid #e7eded;flex-wrap:wrap;align-items:center;gap:15px;padding:12px 20px;display:flex}.transpose-control{align-items:center;gap:4px;display:flex}.toolbar-label{color:#73868e;margin-right:10px;font-size:12px}.transpose-control .icon-button{background:#f5f8f7;border:1px solid #e2eae7;width:29px;height:29px}.transpose-control select{text-align:center;border:0;min-width:47px;padding:3px 3px 3px 7px;font-size:13px;font-weight:700}.transpose-delta{color:#6d8985;text-align:center;background:#edf4ef;border-radius:4px;min-width:25px;margin-left:3px;padding:2px 6px;font-size:11px}.transpose-control .reset-button{color:#90a09e;background:0 0;border:0;margin-left:2px}.toolbar-divider{border-left:1px solid #e0e8e6;height:23px}.toolbar-select{color:#6c858c;align-items:center;gap:4px;font-size:12px;display:flex}.toolbar-select select{color:#425f6a;background:0 0;border:0;padding:4px;font-size:12px;font-weight:500}.font-select{margin-left:5px}.font-select>span:first-child{margin-right:3px;font-family:Georgia,serif;font-size:18px}.orientation-select{margin-left:auto}.chord-toggle{color:#8c9b9f;min-height:30px;padding:4px 8px;font-size:12px}.chord-toggle.selected{color:#377d70;background:#eef7f0}.editor-workspace{border:1px solid var(--border);background:#fff;border-radius:9px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;display:grid;overflow:clip}.source-panel{border-right:1px solid var(--border);flex-direction:column;min-height:680px;display:flex;position:sticky;top:0}.panel-heading{background:#fff;border-bottom:1px solid #e2eae8;justify-content:space-between;align-items:center;gap:10px;height:49px;padding:0 20px;font-size:12px;display:flex}.panel-heading>span:first-child{color:#50707b;align-items:center;gap:8px;font-weight:600;display:flex}.live-label{color:#599b85;align-items:center;gap:5px;font-size:10px;display:flex}.source-intro{color:#78938e;background:#f6faf7;border-bottom:1px solid #eaf0ec;align-items:center;gap:8px;padding:13px 20px;font-size:11px;display:flex}.mini-badge{color:#538b76;background:#e6f2e8;border-radius:3px;padding:1px 5px;font-size:11px;font-weight:700}.lyrics-input{resize:vertical;color:#406779;tab-size:4;white-space:pre-wrap;background:#fff;border:0;border-radius:0;flex:1;width:100%;min-height:540px;padding:25px 24px;font:14px/2 Consolas,Courier New,monospace}.lyrics-input:focus{outline-offset:-3px}.source-footer{color:#8b9c9e;border-top:1px solid #ecf0ef;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;font-size:10px;display:flex}.source-footer button{color:#398f80;align-items:center;gap:4px;font-size:11px;display:flex}.preview-panel{background:#edf2f1;min-width:0}.preview-canvas{min-height:633px;padding:28px;overflow:auto}.chord-sheet{color:#283941;max-width:794px;min-height:680px;font-size:var(--sheet-font,14pt);background:#fff;border:1px solid #e0e8e4;margin:auto;padding:36px 33px 22px;font-family:Noto Sans,Arial,sans-serif;box-shadow:0 2px 8px #2e4b5b09}.chord-sheet.landscape{max-width:1123px}.sheet-eyebrow{letter-spacing:1.5px;color:#9caeae;font-size:7px;font-weight:600}.sheet-header h1{letter-spacing:-.9px;color:#243e4a;overflow-wrap:anywhere;margin-top:12px;font-size:27px;font-weight:700;line-height:1.25}.sheet-artist{color:#7f9298;margin-top:7px;font-size:11px}.sheet-metadata{color:#8b9c9e;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:9px;display:flex}.sheet-metadata b{color:#456470;margin-left:4px;font-weight:600}.sheet-header{border-bottom:1px solid #e0e8e5;margin-bottom:24px;padding-bottom:22px}.sheet-body{align-items:start;gap:24px;display:flex}.chord-sidebar{border-right:1px solid #edf0ef;flex-shrink:0;width:116px;padding-right:16px}.chord-sidebar h2{color:#839693;text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px;font-size:8px;font-weight:600}.chord-sidebar section+section{margin-top:26px}.diagram-grid{grid-template-columns:1fr 1fr;gap:14px 4px;display:grid}.diagram-grid.piano{grid-template-columns:1fr}.chord-diagram{text-align:center;break-inside:avoid;min-width:0}.chord-diagram strong{color:var(--navy);margin-bottom:3px;font-size:9px;font-weight:600;display:block}.chord-diagram svg{width:100%;height:auto;display:block}.diagram-unavailable{color:#8b9a9d;font-size:7px;line-height:1.5;display:block}.sheet-lyrics{flex:1;min-width:0}.song-section{break-inside:avoid-page;page-break-inside:avoid}.section-label{text-transform:uppercase;letter-spacing:1.3px;color:#688b87;break-after:avoid;margin:0 0 12px;font-size:.66em;font-weight:700}.chord-line{break-inside:avoid;flex-wrap:wrap;align-items:end;margin-bottom:4px;line-height:1.55;display:flex}.chord-segment{vertical-align:bottom;white-space:pre-wrap;overflow-wrap:anywhere;grid-template-rows:auto auto;min-width:0;max-width:100%;display:inline-grid}.chord-symbol{color:#22577a;min-width:max-content;padding-right:6px;font-size:.83em;font-weight:700;line-height:1.55}.chord-line:not(.has-chords) .chord-symbol{display:none}.lyric-text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.55em;font-size:1em}.blank-line{height:.85em}.sheet-empty{color:#7e979d;padding:22px 0;font-size:18px;line-height:1.7}.sheet-empty span{color:#a1b0b2;font-size:12px}.sheet-notes{color:#6b858b;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #e5ece8;margin-top:22px;padding-top:16px;font-size:.75em}.sheet-footer{color:#a4b2b3;border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:10px;margin-top:40px;padding-top:12px;font-size:7px;display:flex}.sheet-footer>span:first-child{letter-spacing:-.5px;color:#88a19c;font-size:11px;font-weight:700}.workspace-footer{color:#91a2a3;justify-content:space-between;gap:15px;padding:17px 0 25px;font-size:10px;display:flex}.workspace-footer>span:first-child{align-items:center;gap:6px;display:flex}.syntax-help{color:#8fa1a6;position:relative}.syntax-help summary{display:flex}.help-popover{z-index:40;border:1px solid var(--border);color:#6b8189;background:#fff;border-radius:8px;width:275px;padding:20px;font-size:12px;line-height:1.7;position:absolute;top:27px;left:-240px;box-shadow:0 6px 28px #193a5020}.help-popover p{margin-top:10px}.help-popover strong{color:var(--navy)}.action-menu{position:relative}.menu-popover{z-index:50;background:#fff;border:1px solid #dce6e3;border-radius:8px;min-width:205px;padding:5px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 8px 30px #13334c15}.menu-popover>button,.menu-popover>a{text-align:left;border-radius:5px;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;display:flex}.menu-popover>button:hover,.menu-popover>a:hover{background:#f0f6f3}.action-feedback{z-index:60;white-space:normal;color:#39775c;background:#e8f8ed;border:1px solid #c5e5d2;border-radius:5px;min-width:130px;max-width:280px;padding:7px 12px;font-size:11px;position:absolute;top:100%;right:0}.action-feedback.error{color:#953f35;background:#fff2ef}.notice{color:#456e59;background:#eef8f0;border:1px solid #cce4d7;border-radius:7px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:17px;padding:12px 16px;font-size:13px;display:flex}.notice button{font-weight:600;text-decoration:underline}.notice.error{color:#9a4f40;background:#fff4f1;border-color:#f0d6d0}.state-panel{text-align:center;max-width:700px;margin:auto;padding:100px 24px}.state-panel h1{font-size:26px;font-weight:600}.state-panel p{color:var(--muted);margin:20px 0}.state-panel .button{margin-top:20px}.song-view-page{max-width:1250px;margin:auto;padding:32px 42px}.song-view-canvas{border:1px solid var(--border);background:#edf2f0;border-radius:0 0 10px 10px;padding:35px}.song-view-canvas .chord-sheet{min-height:1000px;padding:48px}.song-view-canvas .chord-sidebar{width:132px}.song-view-canvas .chord-diagram strong{font-size:11px}.song-view-canvas .chord-sidebar h2{font-size:10px}.song-view-canvas .sheet-header h1{font-size:32px}.song-view-canvas .sheet-metadata{font-size:11px}.view-toolbar{border:1px solid var(--border);z-index:2;background:#fff;border-bottom:0;border-radius:9px 9px 0 0;position:relative}.view-toolbar .editor-toolbar{border-top:0}.view-info{color:#799287;background:#f7faf7;border-top:1px solid #e9efec;justify-content:space-between;gap:15px;padding:10px 20px;font-size:11px;display:flex}.view-info>span:first-child{white-space:nowrap}.view-info>span:first-child>span{margin:0 8px}.mobile-tabs{display:none}.confirm-dialog{z-index:100;background:#18364c55;border:0;place-items:center;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog>div{background:#fff;border-radius:12px;width:100%;max-width:460px;padding:28px;box-shadow:0 12px 60px #17334230}.confirm-dialog h2{font-size:21px;font-weight:600}.confirm-dialog p{color:var(--muted);margin:14px 0 25px}.confirm-dialog .page-actions{justify-content:end}@media (min-width:1500px){.editor-workspace{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.preview-canvas{padding:34px 50px}.chord-sheet{padding:42px}.sheet-body{gap:30px}.chord-sidebar{width:125px}}@media (max-width:1100px){.app-header{gap:44px;padding:0 30px}.header-note{display:none}.library-page{padding:35px 28px 0}.song-grid{gap:15px}.song-card{padding:20px 18px 0}.library-banner{padding:23px}.library-banner>a{font-size:12px}.editor-page{padding:24px 20px 0}.page-heading h1{font-size:23px}.metadata-main{gap:14px;padding:17px}.editor-toolbar{gap:8px;padding:11px 15px}.toolbar-label{margin-right:5px}.toolbar-divider{margin:0 4px}.preview-canvas{padding:20px 13px}.chord-sheet{padding:26px 23px}.sheet-body{gap:16px}.chord-sidebar{width:94px;padding-right:10px}.sheet-header h1{font-size:24px}.print-action{display:none}.orientation-select{margin-left:0}.song-view-page{padding:28px}.song-view-page .page-heading{align-items:start}.song-view-page .page-actions{justify-content:end}.source-intro{padding:12px;font-size:10px}.lyrics-input{padding:22px 17px;font-size:13px}.chord-line{font-size:.85em}}@media (max-width:800px){.app-header{gap:35px;height:68px;padding:0 22px}.brand{font-size:23px}.brand-mark{width:31px;height:31px}.app-header nav{gap:20px;font-size:13px}.library-heading h1{font-size:29px}.library-heading{align-items:start}.library-banner>a{display:none}.library-heading p{max-width:310px;font-size:13px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-select{flex:1}.filter-select select{flex:1;max-width:none}.library-section-title>span{display:none}.library-banner{margin-bottom:30px}.library-banner h2{font-size:17px}.page-heading{flex-wrap:wrap;align-items:start;gap:18px}.page-heading .page-actions{margin-left:auto}.metadata-main{flex-wrap:wrap}.title-field{flex-basis:45%}.artist-field{flex-basis:40%}.key-field{width:100px}.more-details{margin-left:auto}.editor-workspace{display:block}.source-panel{border-right:0;min-height:540px;position:static}.lyrics-input{min-height:405px}.preview-canvas{padding:24px}.mobile-tabs{border:1px solid var(--border);background:#edf3f0;border-radius:8px;gap:4px;margin:0 0 14px;padding:4px;display:flex}.mobile-tabs button{color:#7e9297;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px;font-size:13px;display:flex}.mobile-tabs button[aria-selected=true]{color:var(--navy);background:#fff;box-shadow:0 1px 4px #244c5a0a}.showing-editor .preview-panel,.showing-preview .source-panel{display:none}.chord-sheet{min-height:750px;padding:34px}.chord-line{font-size:1em}.sheet-body{gap:23px}.chord-sidebar{width:112px}.workspace-footer>span:last-child{display:none}.song-view-page{padding:24px 18px}.song-view-canvas{padding:20px 14px}.song-view-canvas .chord-sheet{padding:30px}.view-info{flex-direction:column;gap:5px}.song-view-page .page-actions{margin-left:0}.heading-with-badge{flex-wrap:wrap;gap:8px}}@media (max-width:520px){.app-header{justify-content:space-between;gap:0;padding:0 17px}.app-header nav{gap:19px}.brand{font-size:22px}.brand-mark{width:30px;height:30px}.library-page{padding:28px 18px 0}.library-heading{flex-wrap:wrap;gap:22px}.library-heading h1{letter-spacing:-1px;font-size:28px}.library-heading p{max-width:100%}.library-heading .button{padding:9px 15px}.library-banner{gap:15px;margin:25px 0 30px;padding:20px 17px}.banner-icon{border-radius:10px;width:42px;height:48px}.library-banner h2{max-width:220px;font-size:15px}.library-banner p{max-width:205px;font-size:11px}.library-section-title h2{font-size:17px}.song-grid{grid-template-columns:1fr}.song-card{padding:21px 22px 0}.song-card-top{margin-bottom:18px}.song-card-details{margin-top:17px}.filter-select{gap:5px;padding:0 9px;font-size:12px}.filter-select select{max-width:145px;font-size:12px}.empty-library{padding:35px 19px 25px}.empty-library h2{font-size:20px}.empty-library p{font-size:13px}.empty-footnote{font-size:10px;line-height:2;display:block}.empty-footnote span{padding:0 5px}.library-footer{flex-direction:column;gap:9px;margin-top:32px}.pagination .button{padding:6px 8px;font-size:11px}.editor-page{padding:21px 14px 0}.page-heading h1{font-size:22px}.page-heading .page-actions{margin-left:0}.page-actions .button{min-height:37px;padding:8px 11px;font-size:12px}.metadata-main{gap:13px;padding:15px}.title-field,.artist-field{flex-basis:100%}.metadata-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-toolbar{gap:10px;padding:12px}.toolbar-divider{display:none}.transpose-control{width:100%}.transpose-control .toolbar-label{margin-right:auto}.font-select,.orientation-select{margin-left:auto}.toolbar-select select,.chord-toggle{font-size:11px}.preview-canvas{padding:13px 8px}.chord-sheet{min-height:650px;padding:23px 17px}.sheet-header h1{font-size:22px}.sheet-body{gap:12px}.chord-sidebar{width:73px;padding-right:9px}.diagram-grid{grid-template-columns:1fr;gap:12px}.chord-sidebar h2{letter-spacing:0;font-size:7px}.chord-diagram svg{max-width:65px;margin:auto}.chord-diagram strong{font-size:8px}.sheet-lyrics .chord-line{font-size:.82em}.section-label{font-size:.56em}.sheet-metadata{gap:9px;font-size:8px}.sheet-footer>span:last-child{display:none}.song-view-canvas{padding:12px 7px}.song-view-canvas .chord-sheet{padding:23px 17px}.song-view-canvas .chord-sidebar{width:76px}.song-view-canvas .sheet-header h1{font-size:26px}.song-view-canvas .chord-sidebar h2{font-size:7px}.song-view-canvas .chord-diagram strong,.song-view-canvas .sheet-metadata{font-size:9px}.song-view-page .page-actions{gap:5px}.song-view-page .page-actions .button{padding:8px;font-size:11px}.view-info{font-size:10px}.badge,.workspace-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body{background:#fff;font-size:12pt}.no-print,.app-header,.page-heading,.view-info{display:none!important}.editor-page,.song-view-page{max-width:none;margin:0;padding:0}.editor-workspace,.preview-panel,.song-view-canvas,.preview-canvas{background:#fff;border:0;border-radius:0;min-height:0;padding:0!important;display:block!important;overflow:visible!important}.editor-workspace{border:0}.source-panel{display:none!important}.chord-sheet,.song-view-canvas .chord-sheet{width:100%;max-width:none;box-shadow:none;border:0;min-height:0;padding:0;display:block}.sheet-body{display:block;position:relative}.sheet-lyrics{margin-left:0}.with-diagrams .sheet-lyrics{margin-left:34mm}.chord-sidebar,.song-view-canvas .chord-sidebar{border-right:1px solid #ddd;width:28mm;padding-right:3mm;position:absolute;top:0;left:0}.diagram-grid{grid-template-columns:1fr 1fr;gap:3mm 1mm}.diagram-grid.piano{grid-template-columns:1fr}.chord-line,.sheet-lyrics .chord-line{break-inside:avoid;font-size:1em}.chord-diagram strong,.song-view-canvas .chord-diagram strong{font-size:9pt}.chord-sidebar h2,.song-view-canvas .chord-sidebar h2{font-size:8pt}.diagram-unavailable{font-size:7pt}.sheet-header h1,.song-view-canvas .sheet-header h1{font-size:24pt}.sheet-metadata,.song-view-canvas .sheet-metadata{font-size:9pt}.sheet-artist{font-size:11pt}.sheet-header{margin-bottom:7mm}.sheet-eyebrow{display:none}.section-label{font-size:.7em}.sheet-footer,.view-toolbar{display:none}.chord-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.song-section,.chord-segment{break-inside:avoid}}.confirm-dialog:not([open]){display:none}.confirm-dialog{background:0 0}.confirm-dialog::backdrop{background:#18364c55}.action-feedback{z-index:80;pointer-events:none;max-width:280px;position:fixed;top:auto;bottom:24px;right:24px;box-shadow:0 4px 20px #22577a15}@media print{.sheet-body{table-layout:fixed;width:100%;display:table}.chord-sidebar,.song-view-canvas .chord-sidebar{vertical-align:top;width:29mm;display:table-cell;position:static}.sheet-lyrics,.with-diagrams .sheet-lyrics{vertical-align:top;margin-left:0;display:table-cell}.with-diagrams .sheet-lyrics{padding-left:6mm}}