:root{color-scheme:light;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;line-height:1.5;font-weight:400;color:#201c18;background:#ece7dd;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page: #f7f3ec;--panel: #fbf8f2;--panel-strong: #fffdfa;--border: #cfc3b0;--border-strong: #89745a;--ink-soft: #5f564c;--accent: #734d26;--accent-soft: #eee2d1;--warning: #9d3d2d;--shadow: 0 20px 50px rgba(44, 31, 15, .08)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1440px;margin:0 auto;padding:32px}.hero{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.panel-kicker,.status{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.panel-kicker{margin:0 0 10px;color:var(--accent);font-size:.75rem}.hero-heading{width:100%}.hero h1,.panel-header h2{margin:0;font-weight:600;letter-spacing:-.03em}.hero h1{font-size:clamp(2.25rem,4vw,4.8rem);line-height:.95;text-align:center}.hero-copy{margin:14px 0 0;color:var(--ink-soft);font-size:1rem;text-align:left}.hero-actions{display:grid;width:100%;grid-template-columns:220px auto auto;justify-content:end;align-items:center;column-gap:12px;row-gap:8px}.transpose-label{grid-column:1;grid-row:1;width:220px;color:var(--accent);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;text-align:left}.transpose-select{grid-column:1;grid-row:2;width:220px;min-height:47px;border:1px solid var(--border-strong);border-radius:14px;padding:10px 14px;background:var(--panel-strong);color:#1f1b17}.hero-action-button{grid-row:2}.hero-action-button.secondary-button{grid-column:2}.hero-action-button.primary-button{grid-column:3}.transpose-note{grid-column:1;grid-row:3;margin:0;color:var(--ink-soft);font-size:.9rem;min-height:1.35em;width:220px;text-align:left}.primary-button,.secondary-button{min-height:47px;border:1px solid var(--border-strong);border-radius:999px;padding:12px 18px;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.primary-button{background:var(--accent);color:#fffaf4}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:progress;opacity:.7}.secondary-button{background:transparent;color:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,.95fr);gap:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header h2{font-size:1.45rem}.panel-note{max-width:28ch;margin:0;color:var(--ink-soft);font-size:.95rem;text-align:right}.editor-panel{display:flex;flex-direction:column}.editor-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor{width:100%;min-height:68vh;padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--panel-strong);color:#1f1b17;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.98rem;line-height:1.6;resize:vertical}.editor:focus-visible,.transpose-select:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-panel{display:flex;flex-direction:column}.status-cluster{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status{margin:0;color:var(--ink-soft);font-size:.74rem}.status.error{color:var(--warning);letter-spacing:normal;text-transform:none;font-family:inherit;font-size:.95rem}.song-sheet{min-height:68vh;padding:0;border:1px solid var(--border);border-radius:22px;background:var(--page);overflow:hidden}.song-frame{display:block;width:100%;min-height:68vh;border:0;background:#fff}.validation-list{margin:14px 0 0;padding-left:20px;color:var(--warning)}.validation-list li+li{margin-top:8px}@media(max-width:1024px){.app-shell{padding:20px}.hero,.panel-header{flex-direction:column;align-items:flex-start}.panel-note,.status-cluster{text-align:left;align-items:flex-start}.workspace{grid-template-columns:1fr}.editor,.song-sheet,.song-frame{min-height:56vh}}@media(max-width:640px){.app-shell{padding:14px}.panel,.song-sheet,.editor{border-radius:18px}.song-sheet{padding:20px}.song-frame{min-height:52vh}.hero-actions{grid-template-columns:1fr;justify-content:stretch;align-items:stretch}.transpose-label,.transpose-select,.transpose-note,.hero-action-button,.hero-action-button.secondary-button,.hero-action-button.primary-button{grid-column:1;width:100%}.primary-button,.secondary-button{flex:1 1 180px;justify-content:center}}