/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:host,:root{--font-sans:-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-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{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--red:#d32f2f;--ink:#24252a;--muted:#727781;--border:#e1e3e7}*{box-sizing:border-box}body{color:var(--ink);background:#f5f6f8;margin:0;font-family:Lato,Arial,sans-serif;font-size:16px}button,input{font:inherit}button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled){background:#f3f4f6}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,rect:focus-visible{outline-offset:3px;outline:3px solid #d32f2f80}button.primary{background:var(--red);color:#fff;border-color:var(--red)}button.primary:hover:not(:disabled){background:#b92828}.app-shell{max-width:1600px;margin:auto}.app-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:15px;height:102px;padding:0 44px;display:flex}.brand-icon{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:46px;height:46px;display:grid}h1{letter-spacing:-.5px;font-size:21px}h1,h2{margin:0;font-weight:700}h2{letter-spacing:-.25px;font-size:19px}h3{margin:0;font-size:16px;font-weight:700}.app-header p{color:var(--muted);margin:5px 0 0;font-size:14px}.header-tag{letter-spacing:2px;color:#767b84;margin-left:auto;font-size:11px}.workspace{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:start;gap:36px;padding:32px 44px;display:grid}.editor-column{min-width:0}.panel{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:22px;padding:25px;box-shadow:0 3px 9px #20232a03}.eyebrow{letter-spacing:1.6px;color:var(--muted);font-size:11px}.eyebrow,label{font-weight:700}label{margin-bottom:10px;font-size:14px}input,label{display:block}input{width:100%;height:45px;color:var(--ink);background:#fff;border:1px solid #dcdfe4;border-radius:6px;padding:10px 13px;font-size:15px}input::placeholder{color:#a1a5ad}.document-panel input{font-size:18px;font-weight:700}.hint{color:var(--muted);font-size:13px}p.hint{margin:9px 0 0}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.badge{color:var(--muted);letter-spacing:.6px;background:#f4f5f7;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:700}.keyboard-instruction{color:var(--muted);justify-content:space-between;gap:8px;margin:26px 0 12px;font-size:12px;display:flex}.keyboard-instruction span:last-child{align-items:center;gap:6px;display:flex}.keyboard-instruction i{background:var(--red);border-radius:50%;width:7px;height:7px}.piano{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.note-readout{color:var(--muted);justify-content:space-between;gap:10px;min-height:33px;margin-top:13px;font-size:12px;display:flex}.note-readout span:first-child{max-width:85%}.note-readout span:last-child{white-space:nowrap}.editor-actions{border-top:1px solid #f0f1f3;align-items:center;gap:8px;padding-top:19px;display:flex}.quiet{color:var(--muted);border-color:#0000}.add-button{margin-left:auto}.cancel{width:100%;color:var(--red);background:#fdf1f1;border:0;margin-top:12px}.is-editing{border-color:var(--red)}.chord-section>.section-heading{margin:30px 0 17px}.count{vertical-align:2px;color:#666c75;background:#e8eaee;border-radius:5px;margin-left:6px;padding:3px 7px;font-size:12px;display:inline-block}.empty-list{text-align:center;color:#a2a7b0;border:1px dashed #d6d9e0;border-radius:10px;padding:32px 15px}.empty-list svg{margin:0 auto 12px}.empty-list h3{color:#686e77;font-size:15px}.empty-list p{color:var(--muted);margin:7px 0 0;font-size:13px}.chord-list{gap:12px;display:grid}.chord-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:16px 18px 11px 7px;display:flex;position:relative}.active-card{border-color:var(--red)}.drag-handle{touch-action:none;cursor:grab;align-self:center;color:#9ca1ab!important;min-width:28px!important;padding:6px!important}.card-content{flex:1;min-width:0;margin-left:6px}.card-title{align-items:center;gap:10px;margin-bottom:13px;display:flex}.card-title h3{overflow-wrap:anywhere;flex:1}.card-title>.hint{white-space:nowrap;font-size:12px}.chord-index{color:#a7acb4;font-size:12px}.chord-card .piano{max-width:370px}.card-actions{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.card-play{color:#5c626e;border:0;min-height:36px;padding:6px 0;font-size:12px}.card-tools{gap:1px;display:flex}.icon-button{color:#7a808a;border:0;min-width:34px;min-height:36px;padding:8px}.delete:hover:not(:disabled){color:var(--red);background:#fff0f0}.preview-column{min-width:0;position:sticky;top:24px}.preview-heading{justify-content:space-between;align-items:center;gap:10px;margin:3px 0 21px;display:flex}.preview-heading p{color:var(--muted);margin:7px 0 0;font-size:12px}.preview-heading p span{margin:0 6px}.preview-workspace{background:#ebeef2;border:1px solid #e0e3e8;border-radius:12px;max-height:calc(100vh - 140px);padding:22px 29px 29px;overflow-y:auto}.page-wrap+.page-wrap{margin-top:25px}.page-meta{letter-spacing:1px;color:#808692;justify-content:space-between;margin:0 1px 12px;font-size:10px;display:flex}.page-meta span:last-child{letter-spacing:0}.paper{background:#fff;border:1px solid #dfe2e7;position:relative;box-shadow:0 3px 15px #252b3612}.sheet{aspect-ratio:210/297;width:100%;height:auto;display:block}.paper-empty{text-align:center;color:#bbc0c8;position:absolute;inset:32% 12% auto}.paper-empty svg{margin:auto}.paper-empty p{color:#a4aab4;margin:18px 0 13px;font-size:21px;line-height:1.4}.paper-empty span{font-size:12px}.feedback{color:#666e78;min-height:22px;margin-top:15px;font-size:13px}.error{color:#b42323;background:#fff0f0;border-radius:7px;padding:12px;font-size:14px}footer{color:#979ca5;margin-top:14px;font-size:11px;line-height:1.8}footer a{text-decoration:underline}@media (min-width:1400px){.workspace{gap:48px;padding-top:40px}.panel{padding:30px}.preview-workspace{padding:24px 45px 35px}}@media (max-width:1000px){.workspace{gap:22px;padding:24px}.app-header{padding:0 24px}.panel{padding:20px}.preview-workspace{padding:18px}.badge{font-size:9px}.editor-actions{gap:4px}.editor-actions button{padding:9px 10px}.header-tag{display:none}}@media (max-width:780px){.workspace{grid-template-columns:1fr;max-width:650px;margin:auto;padding:22px 16px}.app-header{height:auto;padding:20px 18px}h1{font-size:18px}.app-header p{font-size:12px}.preview-column{position:static}.preview-workspace{max-height:none}.preview-heading{margin-top:10px}.icon-button{min-width:38px;min-height:44px}.panel{padding:20px}.badge{font-size:9px}.editor-actions{flex-wrap:wrap}.keyboard-instruction{font-size:11px}.header-tag{display:none}.preview-heading p{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}