@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{--ink: #18181b;--ink-soft: #3f3f46;--muted: #71717a;--line: #e4e4e7;--line-strong: #d4d4d8;--bg: #fafafa;--panel: #f4f4f5;--desk: #e7e7ea;--card: #ffffff;--violet: #7c3aed;--violet-deep: #6d28d9;--lavender: #f3eeff;--lavender-line: #e4d8fd;--amber: #d97706;--amber-soft: #fdecc8;--danger: #dc2626;--danger-soft: #fdecec;--success: #16a34a;--warn-ink: #92400e;--serif: "Playfair Display", Georgia, serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--topbar: 58px;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;margin:0 0 .4em}h1{font-size:2rem}h2{font-size:1.35rem}h3{font-size:1.05rem}p{line-height:1.55}a{color:var(--violet-deep)}button,input,textarea,select{font:inherit;color:inherit}code{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}::selection{background:var(--lavender-line)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.grow{flex:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45em;border:1px solid var(--line-strong);background:var(--card);border-radius:9px;padding:.5em .95em;font-weight:500;cursor:pointer;text-decoration:none;color:var(--ink);white-space:nowrap;min-height:38px}.button:hover:not(:disabled){border-color:#a1a1aa}.button:disabled{opacity:.45;cursor:default}.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.button.primary:hover:not(:disabled){background:#000}.button.subtle{background:transparent;border-color:transparent}.button.subtle:hover:not(:disabled){background:var(--lavender)}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.small{min-height:30px;padding:.25em .6em;font-size:.88rem}.button.large{min-height:48px;padding:.7em 1.3em;font-size:1.05rem;border-radius:11px}.wide-button{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:1.3rem;line-height:1}.icon-button:hover:not(:disabled){background:var(--lavender)}.icon-button:disabled{opacity:.3;cursor:default}.link{border:0;background:none;padding:0;color:var(--violet-deep);text-decoration:underline;cursor:pointer;display:inline-flex;align-items:center;gap:.3em}.link.back{text-decoration:none;margin-bottom:1rem;color:var(--muted)}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;vertical-align:-.15em}.spin{animation:spin 1s linear infinite;vertical-align:-.15em}@keyframes spin{to{transform:rotate(360deg)}}.chip{display:inline-flex;align-items:center;gap:.4em;padding:.2em .65em;border-radius:99px;background:var(--panel);font-size:.85rem;border:0;white-space:nowrap}.chip.quiet{color:var(--muted)}.chip.working{background:var(--lavender);color:var(--violet-deep)}.chip.warn{background:var(--danger-soft);color:var(--danger);cursor:pointer}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:var(--card)}.segmented button{border:0;background:transparent;padding:.5rem .9rem;cursor:pointer}.segmented button[aria-checked=true]{background:var(--ink);color:#fff}.segmented.small button{padding:.3rem .7rem;font-size:.88rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.5rem;padding:0 1.25rem;height:var(--topbar);background:#fafafaf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.35rem;font-family:var(--serif);font-size:1.2rem;font-weight:600}.brand a{color:var(--ink);text-decoration:none}.logo-note{position:relative;display:inline-flex;border:0;background:none;padding:2px;color:var(--violet);cursor:pointer;border-radius:6px;transition:transform .15s}.logo-note:hover{transform:rotate(-10deg) scale(1.1)}.note-burst{position:absolute;left:50%;top:0;pointer-events:none}.note-burst i{position:absolute;font-style:normal;color:var(--violet);font-size:18px;opacity:0;animation:float-note 2.4s ease-out forwards;animation-delay:calc(var(--i) * .12s);--dx: calc((var(--i) - 2) * 22px)}@keyframes float-note{0%{transform:translateY(10px) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(var(--dx),120px) rotate(calc((var(--i) - 2) * 12deg)) scale(1.2);opacity:0}}.topbar nav{display:flex;gap:.25rem}.topbar nav a{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:8px;text-decoration:none;color:var(--ink-soft);font-weight:500}.topbar nav a:hover{background:var(--panel)}.topbar nav a.active{background:var(--lavender);color:var(--violet-deep)}.account{margin-left:auto;display:flex;align-items:center;gap:.5rem;min-width:0}.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.content{max-width:1040px;margin:0 auto;padding:2.2rem 1.25rem 3rem}.content.narrow{max-width:680px}.content.wide{max-width:1280px}.page-heading{margin-bottom:1.5rem}.page-heading p{color:var(--muted);margin:0}.page-heading .greeting{color:var(--violet-deep);font-weight:600;margin-bottom:.3rem}.page-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:4rem 1rem;color:var(--muted)}.inline-error{color:var(--danger);margin:.5rem 1rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;max-width:min(560px,calc(100vw - 32px));background:var(--ink);color:#fff;padding:.75rem 1.1rem;border-radius:10px;box-shadow:0 10px 30px #0000002e;cursor:pointer}.footer{display:flex;justify-content:center;gap:1.2rem;padding:2rem 1rem 2.5rem;color:var(--muted);font-size:.88rem;border-top:1px solid var(--line);margin-top:2rem}.footer a{color:var(--muted)}.not-found{text-align:center;padding-top:4rem}.home{max-width:1120px;margin:0 auto;padding:0 1.25rem 2rem}.hero{max-width:780px;margin:3.5rem auto 3rem;text-align:center}.eyebrow{color:var(--violet-deep);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;margin:0 0 .8rem}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08}.lede{font-size:1.15rem;color:var(--ink-soft);margin:1rem auto 1.8rem;max-width:640px}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.demo{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.6rem;margin-bottom:3.5rem}.demo-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-end}.demo-head p{margin:0}.demo-controls{display:flex;gap:.6rem;flex-wrap:wrap}.demo-note{color:var(--violet-deep);font-weight:500;margin:1rem 0}.demo-score{background:var(--desk);border-radius:12px;padding:1.2rem .6rem;max-height:720px;overflow:auto}.story{margin:0 0 3.5rem}.story ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.story li{opacity:0;animation:story-in .6s ease forwards;animation-delay:calc(var(--d) * .45s + .2s)}@keyframes story-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.story h3{display:flex;align-items:center;gap:.5rem;margin:.9rem 0 .3rem;font-size:1.12rem}.story h3 span{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--violet);color:#fff;font-family:DM Sans,sans-serif;font-size:.85rem}.story li>p{margin:0;color:var(--ink-soft);font-size:.95rem}.panel{position:relative;height:210px;border-radius:18px;background:var(--lavender);border:2px solid var(--lavender-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.8rem;overflow:hidden}.phone{position:relative;width:132px;height:186px;border:3px solid var(--ink);border-radius:22px;background:var(--ink);padding:14px 7px 22px;transform:rotate(-6deg);box-shadow:6px 8px #7c3aed40}.phone-screen{position:relative;height:100%;border-radius:10px;background:#fffdf7;overflow:hidden;display:flex;align-items:center;padding:4px}.phone-screen .mini-staff{transform:rotate(4deg) scale(1.05)}.viewfinder{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed rgba(124,58,237,.7);border-radius:6px}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:flash 4s ease-in-out infinite 1s}@keyframes flash{0%,86%,to{opacity:0}90%{opacity:.95}}.shutter{position:absolute;bottom:5px;left:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:#fff}.sheet{position:relative;width:92%;background:#fff;border-radius:6px;padding:6px 4px;box-shadow:4px 5px #18181b1f;border:2px solid var(--ink);transform:rotate(1.5deg)}.sheet.small{width:80%;transform:rotate(-1.5deg)}.cursor{position:absolute;left:38%;top:6px;font-size:26px;color:var(--violet);transform:scaleX(-1) rotate(-10deg);animation:tap 2.4s ease-in-out infinite}@keyframes tap{0%,to{transform:scaleX(-1) rotate(-10deg) translate(0)}50%{transform:scaleX(-1) rotate(-10deg) translate(3px,4px)}}.bubble{margin:0;align-self:flex-end;max-width:92%;padding:.45rem .75rem;border-radius:14px 14px 3px;background:#fff;border:2px solid var(--ink);font-size:.85rem;font-weight:600;box-shadow:3px 3px #7c3aed59}.mini-staff{display:block;width:100%;height:auto}.mini-staff .staff-lines line{stroke:var(--ink);stroke-width:.9;stroke-linecap:round}.mini-staff .head{fill:var(--ink)}.mini-staff .head.open{fill:#fff;stroke:var(--ink);stroke-width:1.2}.mini-staff .stem,.mini-staff .beam{stroke:var(--ink);stroke-width:1.1}.mini-staff .beam{stroke-width:2.6}.mini-staff .clef{font-size:26px;fill:var(--ink);font-family:Noto Music,Bravura,serif}.mini-staff .clef.small{font-size:18px}.mini-staff .sharp{font-size:10px;fill:var(--ink)}.mini-staff .hl .head,.mini-staff .hl .stem{fill:var(--violet);stroke:var(--violet)}.home-upload{max-width:820px;margin:0 auto;text-align:center}.upload-zone{display:flex;align-items:center;gap:1.1rem;padding:1.3rem 1.4rem;margin:1rem 0 1.8rem;text-align:left;border:1.5px dashed var(--line-strong);border-radius:14px;background:var(--card);color:var(--violet)}.upload-zone.over{border-color:var(--violet);background:var(--lavender)}.upload-zone>div{flex:1;color:var(--ink)}.upload-zone p{margin:.15rem 0 0}.library-tools{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}.search{flex:1;min-width:220px;display:flex;align-items:center;gap:.5rem;padding:0 .8rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--muted)}.search input{flex:1;border:0;outline:0;padding:.6rem 0;background:transparent;color:var(--ink)}.shelf h2{margin-top:1.4rem}.shelf>p{margin:-.2rem 0 .8rem}.work-list,.project-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.work-list button,.project-open{width:100%;display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;align-items:center;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--card);padding:.8rem 1rem;cursor:pointer}.work-list button:hover,.project-open:hover{border-color:var(--lavender-line);background:#fdfcff}.work-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-meta{grid-column:1;color:var(--muted);font-size:.88rem}.work-kind{grid-column:2;grid-row:1 / span 2;font-size:.8rem;padding:.2em .6em;border-radius:99px;background:var(--lavender);color:var(--violet-deep)}.project-list li{display:flex;align-items:center;gap:.4rem}.project-open{grid-template-columns:auto 1fr;color:var(--violet)}.project-open .work-title{color:var(--ink)}.project-open .work-meta{grid-column:2}.work-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.work-head p{margin:0}.work-actions{display:flex;gap:.5rem;flex-wrap:wrap}.content.wide .score-view{background:var(--desk);border-radius:12px;padding:1rem .5rem}.about h2{margin-top:1.8rem}.check-line{display:flex;align-items:center;gap:.55rem}.notices{padding-left:1.1rem;line-height:1.7}.dialog{border:0;border-radius:16px;padding:0;width:min(440px,calc(100vw - 32px));box-shadow:0 30px 80px #00000040;color:var(--ink)}.dialog::backdrop{background:#18181b66}.dialog-body{padding:1.3rem 1.4rem 1.4rem}.dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.dialog header h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.2rem}.dedication p{font-size:1.05rem}.dedication .signature{font-family:var(--serif);color:var(--violet-deep);font-size:1.2rem;text-align:right}.stack{display:grid;gap:.8rem}.stack label{display:grid;gap:.35rem;font-weight:500}.stack input{padding:.6rem .75rem;border:1px solid var(--line-strong);border-radius:9px}.divider{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.app.in-studio{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app.in-studio .topbar{position:static;flex:none}.studio{flex:1;min-height:0;display:flex;flex-direction:column}.studio-bar,.studio-transport{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none}.studio-bar{background:var(--card)}.studio-title{font-size:1.3rem;margin:0;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.studio-title-input{font-family:var(--serif);font-size:1.25rem;padding:.15rem .4rem;border:1px solid var(--line-strong);border-radius:7px;min-width:240px}.studio-status{display:flex;gap:.4rem;align-items:center;min-width:0}.studio-actions{margin-left:auto;display:flex;gap:.3rem;align-items:center}.studio-transport{background:var(--bg)}.tempo{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--muted)}.tempo input{width:110px;accent-color:var(--violet)}.tempo span{min-width:2.2em;color:var(--ink)}.zoom{display:inline-flex;align-items:center;color:var(--muted)}.zoom .icon-button{width:28px;height:28px}.zoom-label{border:0;background:none;min-width:3em;cursor:pointer;font-size:.82rem;color:var(--muted)}.page-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);height:38px;padding-left:.6rem}.stepper-label{font-size:.9rem;color:var(--muted);margin-right:.1rem}.stepper .icon-button{width:32px;height:32px}.stepper-value{border:0;background:none;min-width:3.2em;cursor:pointer;font-weight:600}.paper-select{height:38px;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);padding:0 .5rem}.title-field{height:38px;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);padding:0 .7rem;width:210px}.title-field.composer{width:160px}.title-field:focus,.paper-select:focus{outline:2px solid var(--lavender-line);border-color:var(--violet)}.title-menu{display:none}@media(max-width:1250px){.title-field{display:none}.title-menu{display:block}}.studio-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px}.studio-score{min-width:0;min-height:0;overflow:auto;background:var(--desk);padding:1.2rem 1rem 3rem}.studio-panel{border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sheet-close{display:none}.banner{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.6rem .9rem;margin:0 auto .8rem;max-width:1000px;border-radius:10px;background:var(--lavender)}.banner span{flex:1;font-weight:500}.menu{position:relative}.menu-list{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:160px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0000001f;padding:.3rem;display:grid}.menu-list button{text-align:left;border:0;background:none;padding:.55rem .7rem;border-radius:7px;cursor:pointer}.menu-list button:hover{background:var(--lavender)}.page-menu{width:300px;padding:.9rem;gap:.85rem}.page-menu label{display:grid;gap:.35rem;font-weight:500;font-size:.92rem}.page-menu input:not([type=range]),.page-menu select{padding:.5rem .6rem;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-weight:400}.page-menu input[type=range]{accent-color:var(--violet)}.page-menu .hint{color:var(--muted);font-size:.8rem;font-weight:400}.score-view{min-height:240px;transition:opacity .15s}.score-view.engraving{opacity:.7}.paper{background:#fff;margin:0 auto 1.2rem;box-shadow:0 1px 3px #0000001f,0 8px 24px #0000000f}.paper svg{display:block;width:100%;height:auto}.paper.placeholder{display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--muted)}.score-view.pickable g.note,.score-view.pickable g.chord,.score-view.pickable g.rest,.score-view.pickable g.mRest{cursor:pointer}.score-view g.km-selected,.score-view g.km-selected *{fill:var(--violet);color:var(--violet)}.score-view g.km-playing,.score-view g.km-playing *{fill:var(--amber);color:var(--amber)}.score-view g.km-playing-bar>g.staff>path{stroke:#f2c98a}.score-error{color:var(--danger);padding:1rem}.empty-state{max-width:520px;margin:3rem auto;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:2rem 1.5rem}.progress{height:8px;border-radius:99px;background:var(--panel);overflow:hidden;margin:1rem 0 .5rem}.progress div{height:100%;background:var(--violet);border-radius:99px;transition:width .6s ease}.whimsy{color:var(--violet-deep);font-style:italic;margin:.2rem 0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 .5rem;flex:none;background:var(--panel)}.tabs button[role=tab]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;background:none;padding:.75rem .5rem;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;font-weight:500}.tabs button[aria-selected=true]{color:var(--violet-deep);border-bottom-color:var(--violet)}.panel-note{color:var(--muted);padding:0 1rem;font-size:.93rem}.editor{display:flex;flex-direction:column;gap:.6rem;padding:.8rem;overflow-y:auto;flex:1;min-height:0}.editor-head{display:flex;align-items:center;gap:.4rem}.km-text{width:100%;font-family:var(--mono);font-size:.86rem;line-height:1.55;padding:.65rem .75rem;resize:vertical;border:1px solid var(--line-strong);border-radius:9px;background:#fff;white-space:pre;overflow-x:auto;-moz-tab-size:2;tab-size:2}.km-text:not(.measure){min-height:50vh;flex:1}.km-text.measure{white-space:pre-wrap;overflow-wrap:anywhere;resize:none;overflow:hidden}.km-text:focus{outline:2px solid var(--lavender-line);outline-offset:0;border-color:var(--violet)}.km-text::selection{background:#ddd0fb}.problems{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.86rem}.problems li{display:flex;gap:.55rem;padding:.4rem .6rem;border-radius:8px;background:var(--amber-soft);color:var(--warn-ink)}.problems li.error{background:var(--danger-soft);color:var(--danger)}.km-help{font-size:.86rem}.km-help summary{cursor:pointer;color:var(--muted)}.km-help dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:.6rem 0 0}.km-help dd{margin:0;color:var(--ink-soft)}.ai-panel{display:flex;flex-direction:column;flex:1;min-height:0}.ai-log{flex:1;min-height:0;overflow-y:auto;padding:.8rem;display:grid;gap:.9rem;align-content:start}.ai-turn{display:grid;gap:.35rem}.ai-prompt{justify-self:end;max-width:90%;margin:0;padding:.5rem .75rem;background:var(--lavender);border:1px solid var(--lavender-line);border-radius:12px 12px 3px;white-space:pre-wrap}.ai-reply{position:relative;max-width:92%;padding:.55rem .75rem;background:var(--card);border:1px solid var(--line);border-radius:12px 12px 12px 3px;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:.93rem}.ai-reply p{margin:0;flex-basis:100%;white-space:pre-wrap}.ai-reply.failed{border-color:#f3c4c4;color:var(--danger)}.mode-tag{margin-left:auto;font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:0 .5em}.ai-form{display:grid;gap:.5rem;padding:.7rem .8rem .8rem;border-top:1px solid var(--line);flex:none;background:var(--panel)}.ai-form textarea{width:100%;resize:none;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:10px;background:#fff}.ai-form textarea:focus{outline:2px solid var(--lavender-line);border-color:var(--violet)}.ai-form-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.suggestions{display:flex;flex-wrap:wrap;gap:.35rem}.suggestion{border:1px solid var(--lavender-line);background:var(--card);color:var(--violet-deep);border-radius:99px;padding:.25rem .7rem;font-size:.82rem;cursor:pointer}.suggestion:hover{background:var(--lavender)}.versions{list-style:none;margin:0;padding:.6rem;display:grid;gap:.4rem;overflow-y:auto;align-content:start;flex:1;min-height:0}.versions button{width:100%;text-align:left;display:grid;gap:.15rem;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:.6rem .75rem;cursor:pointer}.versions li.shown button{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet);background:#fdfcff}.versions strong{display:inline-flex;gap:.5rem;align-items:center}.versions .chip{margin-left:.4rem}.versions .muted{font-size:.85rem}.version-prompt{font-size:.88rem;color:var(--ink-soft)}@media(max-width:1000px){.story ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.studio-main{display:block;position:relative}.studio-score{height:100%;padding:.7rem .4rem 80px}.studio-panel{position:fixed;left:0;right:0;bottom:0;z-index:40;height:52px;border-left:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #00000024;transition:height .25s ease;overflow:hidden}.studio.sheet-open .studio-panel{height:min(62dvh,560px)}.studio:not(.sheet-open) .panel-body{display:none}.tabs{border-radius:16px 16px 0 0}.studio.sheet-open .sheet-close{display:inline-flex;align-self:center}.km-text:not(.measure){min-height:30vh}.studio-title{max-width:55vw;font-size:1.1rem}.studio-transport .label,.studio-bar .label{display:none}.studio-transport{gap:.4rem;padding:.4rem .6rem}.tempo input{width:70px}.from-bar{display:none}}@media(max-width:640px){.topbar{gap:.6rem;padding:0 .75rem}.topbar nav a span,.user-email{display:none}.brand{font-size:1.05rem}.content{padding:1.4rem 1rem 2rem}.upload-zone{flex-direction:column;align-items:flex-start}.studio-bar{padding:.4rem .6rem}.tempo{font-size:0;gap:.2rem}.tempo span{font-size:.85rem}.story ol{grid-template-columns:1fr}.demo{padding:1rem}.hero{margin-top:2rem}}