/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}}:root{--ink:#171a16;--paper:#f3f0e8;--paper-2:#e8e4d9;--green:#26d263;--green-dark:#158f43;--muted:#777a70;--line:#171a1629}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.site-header{border-bottom:1px solid var(--line);letter-spacing:.11em;height:76px;font:700 12px/1 var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,68px);display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--green);border-radius:2px;place-items:center;font-size:15px;display:grid}.header-meta{color:var(--muted);align-items:center;gap:9px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #26d26324}.hero{min-height:510px;padding:82px clamp(22px,9vw,154px) 94px;position:relative;overflow:hidden}.hero:after{content:"♫";color:#171a160b;font:700 330px/.9 Georgia,serif;position:absolute;top:44px;right:7vw;transform:rotate(8deg)}.eyebrow,.section-kicker{font:700 11px/1 var(--font-geist-mono), monospace;letter-spacing:.14em;color:var(--green-dark)}.hero h1{font:600 clamp(52px, 8vw, 112px)/.88 var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.072em;z-index:1;max-width:1100px;margin:24px 0 22px;position:relative}.hero h1 em{color:var(--green-dark);font-family:Georgia,serif;font-weight:400}.hero p{color:#5b5e55;z-index:1;max-width:600px;margin:0;font-size:clamp(17px,2vw,22px);line-height:1.5;position:relative}.studio{background:#fff;border:1px solid #171a1621;grid-template-columns:58px minmax(0,1fr) minmax(300px,390px);margin:0 clamp(14px,4vw,68px) 100px;display:grid;box-shadow:0 24px 70px #171a161a}.step-rail{background:var(--ink);color:#777c72;font:700 10px/1 var(--font-geist-mono), monospace;flex-direction:column;align-items:center;padding:31px 0;display:flex}.step-rail span{writing-mode:vertical-rl;transform:rotate(180deg)}.step-rail .active{color:var(--green)}.step-rail i{background:#3c4039;width:1px;height:82px;margin:16px 0;display:block}.studio-main{min-width:0;padding:clamp(26px,4vw,56px)}.drop-zone{background:#f7f6f1;border:1px dashed #aeb0a7;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;padding:19px 22px;transition:all .2s;display:grid}.drop-zone.dragging{border-color:var(--green-dark);background:#eefff4;transform:translateY(-2px)}.file-icon{background:var(--ink);width:46px;height:46px;color:var(--green);border-radius:50%;place-items:center;font-size:22px;display:grid}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{margin-bottom:7px;font-size:15px}.drop-zone span{color:var(--muted);font:500 11px/1 var(--font-geist-mono), monospace}.text-button{color:var(--green-dark);font:700 11px/1 var(--font-geist-mono), monospace;letter-spacing:.04em;background:0 0;border:0;padding:12px}.text-button:disabled{opacity:.5;cursor:wait}.conversion-progress{background:#daddd5;height:4px;overflow:hidden}.conversion-progress i{background:var(--green-dark);height:100%;transition:width .18s linear;display:block}.conversion-note{color:#506155;background:#eaf8ed;align-items:center;gap:10px;margin:12px 0 0;padding:11px 13px;font-size:11px;line-height:1.45;display:flex}.conversion-note strong{color:var(--green-dark);font:800 9px/1 var(--font-geist-mono), monospace;white-space:nowrap}.format-note{color:#8a8d84;margin:11px 3px 0;font-size:10px;line-height:1.45}.error{color:#9d2727;background:#fff0ef;border-left:3px solid #d94545;padding:11px 14px;font-size:13px}.timeline-header{justify-content:space-between;align-items:flex-end;gap:22px;margin:55px 0 22px;display:flex}.timeline-header h2{font:500 clamp(24px, 3vw, 38px)/1 var(--font-geist-mono), monospace;letter-spacing:-.06em;margin:10px 0 0}.timeline-header h2 span{color:#a1a39b}.preview-button{border:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.preview-button span{color:var(--green-dark)}.preview-button.active{background:var(--ink);color:#fff}.timeline-actions{align-items:center;gap:9px;display:flex}.snap-button{color:#16733a;font:700 10px/1 var(--font-geist-mono), monospace;background:#e8f9ed;border:0;padding:12px 14px}.piano-roll{background:var(--ink);border:8px solid var(--ink);height:250px;position:relative;overflow:hidden}.grid-lines{opacity:.55;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:100% 20px,12.5% 100%;position:absolute;inset:0}.midi-note{background:#6c7168;border-radius:1px;min-width:2px;height:7px;transition:background .15s,opacity .15s;position:absolute}.midi-note.selected{background:var(--green);box-shadow:0 0 12px #26d2633d}.trim-shade{pointer-events:none;background:#040604b8;position:absolute;top:0;bottom:0}.trim-shade.left{left:0}.trim-shade.right{right:0}.selection-line{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0}.selection-line:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;width:12px;height:12px;position:absolute;top:0;left:-5px}.range-stack{height:28px;margin-top:-13px;position:relative}.range-stack input{pointer-events:none;appearance:none;background:0 0;width:100%;position:absolute;inset:0}.range-stack input::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:var(--green);cursor:ew-resize;border:0;border-radius:1px;width:18px;height:28px;box-shadow:0 2px 7px #0003}.range-stack input::-moz-range-thumb{pointer-events:auto;background:var(--green);cursor:ew-resize;border:0;border-radius:1px;width:18px;height:28px}.timeline-scale{color:#969990;font:500 9px/1 var(--font-geist-mono), monospace;justify-content:space-between;margin-top:3px;display:flex}.controls-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;padding-top:28px;display:grid}.controls-grid label>span{font:700 10px/1 var(--font-geist-mono), monospace;letter-spacing:.09em;color:var(--muted);margin-bottom:16px;display:block}.control-inline{grid-template-columns:minmax(80px,1fr) 55px;align-items:center;gap:16px;display:grid}.control-inline input{accent-color:var(--green-dark);min-width:0}.control-inline output{font:700 12px/1 var(--font-geist-mono), monospace}.fast-start-control{cursor:pointer;background:#f2f9f2;border:1px solid #cfe7d5;grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:17px 18px;display:grid}.fast-start-control>input{opacity:0;pointer-events:none;position:absolute}.fast-start-control>span{margin:0!important}.fast-start-control>span:last-child strong,.fast-start-control>span:last-child small{display:block}.fast-start-control>span:last-child strong{color:var(--ink);font:800 10px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;margin-bottom:6px}.fast-start-control>span:last-child small{color:#69736a;font-size:11px}.toggle-ui{background:#a8ada6;border-radius:20px;width:38px;height:22px;padding:3px;transition:background .2s}.toggle-ui i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.fast-start-control input:checked+.toggle-ui{background:var(--green-dark)}.fast-start-control input:checked+.toggle-ui i{transform:translate(16px)}.export-panel{background:var(--ink);color:#fff;flex-direction:column;padding:clamp(30px,3.4vw,50px) clamp(25px,3vw,42px);display:flex}.section-kicker.pale{color:var(--green)}.export-panel h2{letter-spacing:-.04em;margin:17px 0 30px;font-size:clamp(28px,3vw,42px);line-height:1.04}.segment{border:1px solid #444840;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segment button{color:#999d94;background:0 0;border:0;padding:12px 7px;font-size:11px;font-weight:700}.segment button.active{background:var(--green);color:#092112}.stats{border-top:1px solid #3b3f38;margin:32px 0 26px}.stats div{border-bottom:1px solid #3b3f38;justify-content:space-between;align-items:baseline;padding:15px 0;display:flex}.stats dt{color:#8d9188;font:700 9px/1 var(--font-geist-mono), monospace;letter-spacing:.1em}.stats dd{font:500 18px/1 var(--font-geist-mono), monospace;margin:0}.warning{background:#312e1b;border-left:3px solid #e2ca45;margin-bottom:14px;padding:12px 13px}.warning strong,.warning span{display:block}.warning strong{color:#f6df59;margin-bottom:4px;font-size:11px}.warning span{color:#c2bfa9;font-size:10px;line-height:1.45}.code-peek{color:#9fa69a;min-height:142px;font:500 8px/1.8 var(--font-geist-mono), monospace;background:#10120f;border:1px solid #30332d;margin:1px 0 20px;padding:16px;overflow:hidden}.code-peek code{white-space:pre;display:block}.code-peek div{color:var(--green);margin-top:5px}.download-button,.copy-button,.download-midi-button{border:0;width:100%;padding:16px;font-weight:800}.download-button{background:var(--green);color:#0a2112;justify-content:space-between;display:flex}.download-button:hover{background:#4ae47d}.download-midi-button{color:var(--ink);background:#fff;justify-content:space-between;margin-bottom:9px;display:flex}.copy-button{color:#fff;background:0 0;border:1px solid #464a42;margin-top:9px}.publish-button{width:100%;color:var(--green);background:0 0;border:0;padding:16px 5px 8px;font-weight:800}.install-link{color:#b4b9b0;text-align:center;text-underline-offset:3px;padding:10px 5px 0;font-size:10px;display:block}.privacy-note{text-align:center;color:#767b71;margin:15px 0 0;font-size:9px}.preset-guide{padding:28px clamp(22px,7vw,120px) 130px;scroll-margin-top:30px}.guide-heading{grid-template-columns:1.25fr .75fr;align-items:end;column-gap:8vw;display:grid}.guide-heading>.section-kicker{grid-column:1/-1}.guide-heading h2{font:600 clamp(44px, 6vw, 82px)/.93 var(--font-geist-sans), sans-serif;letter-spacing:-.065em;margin:23px 0 0}.guide-heading h2 em{color:var(--green-dark);font-family:Georgia,serif;font-weight:400}.guide-heading p{color:var(--muted);margin:0 0 7px;font-size:15px;line-height:1.65}.guide-alert{color:#2a2c26;background:#fff5c8;border-left:4px solid #e1b900;grid-template-columns:44px 1fr;gap:16px;margin:48px 0 20px;padding:19px 22px;display:grid}.guide-alert>span{color:#4e4300;background:#f5d53e;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.guide-alert strong{font-size:13px}.guide-alert p{color:#736b40;margin:5px 0 0;font-size:11px;line-height:1.5}.guide-steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.guide-steps>li{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(260px,.8fr) minmax(280px,1.2fr);align-items:center;gap:clamp(18px,4vw,60px);min-height:205px;padding:28px 0;display:grid}.guide-steps>li>b{color:var(--green-dark);font:800 11px/1 var(--font-geist-mono), monospace;align-self:start;padding-top:8px}.guide-copy h3{letter-spacing:-.03em;margin:0 0 10px;font-size:22px}.guide-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.guide-copy code{color:#1c6638;font-family:var(--font-geist-mono), monospace;background:#e1f4e7;padding:2px 5px}.guide-visual{border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;min-height:135px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #171a160a}.guide-visual.download{color:#fff;background:var(--ink);gap:40px}.guide-visual.download span{color:var(--green);font:800 18px/1 var(--font-geist-mono), monospace}.guide-visual.download i{font-size:35px;font-style:normal}.guide-visual.select{flex-wrap:wrap;place-content:center flex-start;padding:25px}.guide-visual.select small{color:#93978d;width:100%;font:700 8px/1 var(--font-geist-mono), monospace;margin-bottom:8px}.guide-visual.select span{border:1px solid #d4d7cf;flex:1;padding:14px;font-size:12px}.guide-visual.select i{width:44px;height:44px;color:var(--green-dark);background:#e7f6eb;place-items:center;margin-left:7px;font-style:normal;display:grid}.guide-visual.save{background:#f7f6f1;flex-direction:column;gap:12px}.guide-visual.save span{color:#09210f;background:var(--green);font:800 10px/1 var(--font-geist-mono), monospace;padding:10px 22px}.guide-visual.save small{color:#7b7f76}.guide-visual.tabs{background:#f5f4ef;justify-content:flex-start;align-items:flex-end;gap:4px;padding:0 25px}.guide-visual.tabs span{color:#8b8f86;background:#fff;padding:15px 18px;font-size:10px}.guide-visual.tabs span:nth-child(2){color:var(--ink);border-bottom:3px solid var(--green);font-weight:800}.guide-visual.code{color:#92978d;background:var(--ink);justify-content:flex-start;padding:20px 28px}.guide-visual.code code{font:500 10px/1.7 var(--font-geist-mono), monospace}.guide-visual.code mark{color:var(--green);background:0 0}.guide-visual.ready{gap:13px}.guide-visual.ready span{color:#0b2c16;background:var(--green);border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.guide-visual.ready strong{font-size:13px}.guide-visual.test{background:var(--ink);gap:7px}.guide-visual.test i{background:var(--green);width:9px;height:42px;animation:1.2s ease-in-out infinite alternate level}.guide-visual.test i:nth-child(2){height:68px;animation-delay:-.3s}.guide-visual.test i:nth-child(3){height:28px;animation-delay:-.6s}.guide-visual.test span{color:#fff;font:800 10px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;margin-left:22px}.guide-version-note{color:#92958e;margin:20px 0 0 48px;font-size:10px;line-height:1.5}@keyframes level{to{opacity:.6;transform:scaleY(.55)}}.catalog{padding:20px clamp(22px,6vw,100px) 120px}.catalog-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:9vw;margin-bottom:50px;display:grid}.catalog-heading h2{font:600 clamp(44px, 6vw, 82px)/.93 var(--font-geist-sans), sans-serif;letter-spacing:-.065em;margin:20px 0 0}.catalog-heading h2 em{color:var(--green-dark);font-family:Georgia,serif;font-weight:400}.catalog-heading p{max-width:510px;color:var(--muted);margin:0 0 8px;font-size:15px;line-height:1.65}.publish-sheet{color:#fff;background:var(--ink);border-top:5px solid var(--green);margin-bottom:34px;padding:clamp(24px,4vw,45px)}.publish-sheet-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.publish-sheet-heading h3{letter-spacing:-.035em;margin:12px 0 28px;font-size:30px}.publish-sheet-heading button{color:#92978e;background:0 0;border:0;font-size:30px;line-height:1}.publish-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.publish-fields label>span{color:#959a91;font:700 9px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;margin-bottom:9px;display:block}.publish-fields input,.publish-fields select{color:#fff;background:#10120f;border:1px solid #454941;outline:none;width:100%;padding:14px}.publish-fields input:focus,.publish-fields select:focus{border-color:var(--green)}.license-field{grid-column:1/-1}.license-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.rights-check{color:#c3c7bf;align-items:flex-start;gap:10px;margin:20px 0;font-size:12px;line-height:1.5;display:flex}.rights-check input{accent-color:var(--green);margin-top:2px}.catalog-terms{color:#a9aea5;border:1px solid #3d413a;margin:18px 0;font-size:11px;line-height:1.55}.catalog-terms summary{color:var(--green);cursor:pointer;padding:12px 14px;font-weight:800}.catalog-terms div{padding:0 14px 10px}.catalog-terms p{margin:0 0 10px}.publish-error{color:#ff9d91;font-size:12px}.publish-summary{gap:8px;margin:18px 0;display:flex}.publish-summary span{color:#9da198;font:700 9px/1 var(--font-geist-mono), monospace;text-transform:uppercase;border:1px solid #3d413a;padding:7px 9px}.confirm-publish{background:var(--green);color:#08210f;border:0;padding:15px 22px;font-weight:800}.confirm-publish:disabled{opacity:.35;cursor:not-allowed}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.catalog-message{min-height:220px;color:var(--muted);font:600 12px/1.4 var(--font-geist-mono), monospace;text-align:center;border:1px dashed #b8bbb1;grid-column:1/-1;align-content:center;place-items:center;gap:9px;display:grid}.catalog-message strong,.catalog-message span{display:block}.catalog-card{border:1px solid var(--line);background:#fff;padding:22px;box-shadow:0 8px 30px #171a160b}.catalog-card-top{color:#8c9087;font:700 9px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;justify-content:space-between;display:flex}.catalog-card-top span:last-child{color:var(--green-dark)}.mini-roll{background:var(--ink);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:100% 14px,20% 100%;height:92px;margin:20px 0 24px;position:relative;overflow:hidden}.mini-roll i{background:var(--green);border-radius:1px;min-width:3px;height:5px;position:absolute}.catalog-card h3{letter-spacing:-.03em;margin:0 0 7px;font-size:21px}.catalog-card>p{color:var(--muted);margin:0;font-size:12px}.catalog-card dl{gap:27px;margin:24px 0 20px;display:flex}.catalog-card dl div{align-items:baseline;gap:7px;display:flex}.catalog-card dt{color:#989b93;font:700 8px/1 var(--font-geist-mono), monospace}.catalog-card dd{font:700 11px/1 var(--font-geist-mono), monospace;margin:0}.catalog-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.catalog-actions button{border:1px solid var(--line);background:#fff;padding:11px 8px;font-size:10px;font-weight:800}.catalog-actions button:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}.report-link{color:#8d9188;text-underline-offset:3px;background:0 0;border:0;width:100%;padding:14px 4px 0;font-size:9px;text-decoration:underline}.report-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0e0bc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.report-dialog{background:var(--paper);width:min(560px,100%);max-height:90vh;padding:clamp(27px,5vw,48px);position:relative;overflow-y:auto;box-shadow:0 30px 90px #00000059}.report-close{color:#7e8179;background:0 0;border:0;font-size:28px;position:absolute;top:15px;right:18px}.report-dialog h3{letter-spacing:-.04em;margin:12px 0 10px;font-size:29px}.report-dialog>p{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.55}.report-dialog label{margin:15px 0;display:block}.report-dialog label>span{color:#7d8177;font:700 9px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;margin-bottom:8px;display:block}.report-dialog input,.report-dialog textarea{border:1px solid var(--line);background:#fff;outline:none;width:100%;padding:13px}.report-dialog textarea{resize:vertical;min-height:130px}.report-dialog input:focus,.report-dialog textarea:focus{border-color:var(--green-dark)}.confirm-report,.report-sent button{background:var(--ink);color:#fff;border:0;padding:14px 18px;font-weight:800}.confirm-report:disabled{opacity:.35;cursor:not-allowed}.report-sent{text-align:center;padding:20px 5px}.report-sent>span{background:var(--green);color:#09210f;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 18px;font-size:22px;display:grid}.report-sent h3{margin:0 0 10px}.report-sent p{color:var(--muted);font-size:13px;line-height:1.55}.how-it-works{padding:20px clamp(22px,9vw,154px) 120px}.how-grid{grid-template-columns:.9fr 1.1fr;gap:9vw;margin-top:30px;display:grid}.how-grid h2{font:500 clamp(34px, 4.5vw, 65px)/1 var(--font-geist-sans), sans-serif;letter-spacing:-.055em;margin:0}.how-grid ol{margin:0;padding:0;list-style:none}.how-grid li{border-top:1px solid var(--line);grid-template-columns:42px 1fr;gap:16px;padding:22px 0;display:grid}.how-grid li b{background:var(--ink);width:30px;height:30px;color:var(--green);font:700 11px/1 var(--font-geist-mono), monospace;place-items:center;display:grid}.how-grid li strong,.how-grid li span{display:block}.how-grid li strong{margin:2px 0 8px;font-size:15px}.how-grid li span{color:var(--muted);font-size:13px;line-height:1.5}footer{background:var(--ink);color:#fff;font:700 10px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;justify-content:space-between;padding:35px clamp(22px,4vw,68px);display:flex}footer span:last-child{color:#71766d}@media (width<=980px){.studio{grid-template-columns:46px minmax(0,1fr)}.export-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 28px;padding-left:74px;display:grid}.export-panel>.section-kicker,.export-panel>h2,.export-panel>.segment,.export-panel>.privacy-note,.export-panel>.install-link{grid-column:1/-1}.export-panel h2 br{display:none}.stats{grid-column:1}.code-peek{grid-area:4/2/span 3}.download-button,.copy-button,.download-midi-button,.publish-button,.warning{grid-column:1}.catalog-grid{grid-template-columns:repeat(2,1fr)}.guide-steps>li{grid-template-columns:36px 1fr}.guide-visual{grid-column:2}}@media (width<=680px){.header-meta{display:none}.hero{min-height:410px;padding-top:60px}.hero:after{font-size:210px;right:-30px}.hero h1{font-size:52px}.studio{grid-template-columns:1fr;margin-left:10px;margin-right:10px}.step-rail{display:none}.studio-main{padding:25px 18px 35px}.drop-zone{grid-template-columns:45px 1fr}.drop-zone .text-button{border-top:1px solid var(--line);text-align:left;grid-column:1/-1;padding-left:0}.timeline-header{align-items:flex-start}.timeline-header h2{font-size:21px}.timeline-actions{flex-direction:column;align-items:stretch}.snap-button{padding:9px}.preview-button{padding:10px}.piano-roll{height:190px}.controls-grid{grid-template-columns:1fr;gap:28px}.export-panel{grid-column:auto;padding:36px 25px;display:flex}.code-peek,.stats,.warning,.download-button,.copy-button{grid-column:auto}.how-it-works{padding-bottom:70px}.catalog{padding-bottom:80px}.catalog-heading,.publish-fields,.guide-heading{grid-template-columns:1fr}.catalog-heading,.guide-heading{gap:25px}.guide-heading>.section-kicker{grid-column:1}.guide-steps>li{grid-template-columns:28px 1fr;gap:14px}.guide-visual{grid-column:1/-1;margin-left:42px}.guide-version-note{margin-left:0}.catalog-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr;gap:45px}footer{line-height:2;display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}