:root{--bg:#eae5de;--panel:#f1ede7;--card:#fff;--track:#ddd6cc;--ink:#141414;--ink-2:#5c5b57;--ink-3:#6b6a66;--line:#1414141f;--line-strong:#14141438;--accent:#1d2bd8;--accent-hover:#1621a8;--hot:#ff3b1f;--pink:#ff3d8b;--warm:#e8603c;--dark:#141414;--dot:#14141421;--stage:#e2ddd5;--font:"Instrument Sans", system-ui, sans-serif;--font-display:"Archivo", "Instrument Sans", system-ui, sans-serif;--font-mono:"Space Grotesk", system-ui, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #14141414, 0 12px 40px #1414141a;--logo:#1f33fa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#151515;--panel:#101010;--card:#212121;--track:#2b2b2b;--ink:#f2f2f2;--ink-2:#b8b8b8;--ink-3:#969696;--line:#ffffff1f;--line-strong:#ffffff3d;--accent:#3d4fff;--accent-hover:#5263ff;--warm:#ff8a65;--dark:#0a0a0a;--dot:#ffffff17;--stage:#0d0d0d;--shadow:0 1px 2px #0006, 0 12px 40px #00000073;--logo:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.05}p{margin:0}a{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono,.kicker,.field-label,.btn,.chip,.link-mono,.crumb,.stepper,.badge,.tag,.seg button,.panel-title{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.small{font-size:12px}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.spacer{flex:1}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kicker{letter-spacing:0;color:var(--warm);font-size:14px;font-weight:600;display:block}.kicker.light{color:#fff;opacity:.8}.section>.kicker{font-size:17px}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:10.5px;font-weight:600;display:block}canvas.viz{width:100%;height:100%;display:block}.btn{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:11px 16px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-dark{background:var(--dark);color:#fff}.btn-secondary{border-color:var(--line-strong);color:var(--ink);background:var(--card)}.btn-secondary:hover{border-color:var(--ink)}.btn.block{justify-content:space-between;width:100%;display:flex}.btn.grow{flex:1;justify-content:space-between}.btn.disabled,.btn:disabled{opacity:.4;pointer-events:none}.link-mono{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:10.5px;font-weight:600;text-decoration:none}.link{color:var(--accent);text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.icon-btn{color:var(--ink-3);background:0 0;border:0;padding:4px 8px;font-size:22px;line-height:1}.logo{font:700 24px/1 var(--font);color:var(--logo);align-items:center;text-decoration:none;display:inline-flex}.beta-tag{font:700 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);align-self:flex-start;margin:4px 0 0 -2px}.beta-note{color:var(--ink-3);max-width:46ch;margin:10px 0 0;font-size:12.5px}.beta-note a{color:inherit;text-decoration:underline}.popup-beta{text-align:right;margin-left:auto}.featured-pack .beta-note{margin-top:14px;font-size:12.5px}.site-foot .beta-note{max-width:none;margin:0}.pro-card .beta-note{color:#ffffffa6}.wordmark{flex:none;display:block}.topbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:2;align-items:center;gap:24px;padding:12px 24px;display:flex;position:relative}.crumb{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:10.5px;font-weight:600;text-decoration:none}.stepper{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:10.5px;font-weight:600;display:flex}.stepper b{background:var(--accent);color:#fff;border-radius:4px;place-items:center;width:20px;height:20px;font-weight:600;display:grid}.stepper.dim{color:var(--ink-3)}.stepper.dim b{background:var(--track);color:var(--ink-2)}.flow-steps{align-items:center;gap:18px;display:flex}.flow-steps a.stepper{text-decoration:none}.flow-steps a.stepper:hover{color:var(--accent)}.flow-steps .stepper.done{color:var(--ink)}.flow-steps .stepper.done b{background:var(--ink);color:var(--bg)}.flow-steps a.stepper.done:hover b{background:var(--accent);color:#fff}.name-input{font:500 20px var(--font);background:0 0;border:1px solid #0000;border-radius:6px;width:280px;min-width:0;padding:4px 6px}.name-input:hover{border-color:var(--line)}.input{border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);width:100%;padding:9px 11px}.input:focus{border-color:var(--accent);outline:none}.field{flex-direction:column;display:flex}.seg{background:var(--track);border-radius:var(--radius-sm);gap:3px;padding:3px;display:flex}.seg button{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:0 0;border:0;border-radius:5px;flex:1;padding:9px 10px;font-size:10.5px;font-weight:600}.seg button.on{background:var(--card);color:var(--accent);box-shadow:0 1px 2px #14141414}.seg button:disabled{opacity:.35;cursor:not-allowed}.seg-sm button{padding:8px 6px;font-size:10px}.slider{color:var(--ink-2);flex-direction:column;gap:6px;margin-top:14px;font-size:13px;display:flex}.slider .mono{color:var(--ink);font-size:11px;font-weight:600}.slider input{width:100%;accent-color:var(--accent)}.toggle-row{cursor:pointer;align-items:center;gap:10px;margin-top:12px;font-size:13.5px;display:flex;position:relative}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:var(--track);border-radius:10px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:after{transform:translate(14px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.error{color:#b3200b;border-radius:var(--radius-sm);background:#fff0ec;padding:10px 12px;font-size:13px}.status{color:var(--ink-2);align-items:center;gap:10px;font-size:13px;display:flex}.spinner{border:2px solid var(--track);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.logo-loader{vertical-align:middle;flex:none;display:inline-block}.logo-loader .ll-bg{fill:var(--logo)}.logo-loader .ll-ink{fill:var(--bg)}.logo-loader .ll-m,.logo-loader .ll-tl,.logo-loader .ll-br{transform-box:fill-box;transform-origin:50%}.logo-loader .ll-tl{animation:1.4s ease-in-out infinite ll-frame-tl}.logo-loader .ll-br{animation:1.4s ease-in-out infinite ll-frame-br}.logo-loader .ll-m{animation:1.4s ease-in-out infinite ll-breathe}@keyframes ll-frame-tl{0%,to{translate:0}50%{translate:26px 26px}}@keyframes ll-frame-br{0%,to{translate:0}50%{translate:-26px -26px}}@keyframes ll-breathe{0%,to{scale:1}50%{scale:.9}}@media (prefers-reduced-motion:reduce){.logo-loader .ll-tl,.logo-loader .ll-br{animation:none}.logo-loader .ll-m{animation:1.6s ease-in-out infinite ll-fade}}@keyframes ll-fade{50%{opacity:.55}}.status .logo-loader{margin-right:4px}.load-status{color:var(--ink);flex-direction:column;align-items:stretch;gap:10px;margin-top:6px;font-size:16px}.load-line{align-items:center;gap:10px;display:flex}.load-hint{color:var(--ink-2);font-size:14px}.drop-big.nudge{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.load-bar{background:var(--track);border-radius:4px;height:8px;overflow:hidden}.load-bar i{background:var(--accent);border-radius:4px;height:100%;transition:width .2s ease-out;display:block}.page-loading{place-items:center;min-height:60vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.drop{cursor:pointer}.drop-big,.drop-dashed{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--card);align-items:center;gap:14px;padding:16px;font-size:13px;line-height:1.45;display:flex}.drop-dashed{background:0 0;border-style:dashed}.drop.over,.drop-big:hover,.drop-dashed:hover{border-color:var(--accent)}.file-card{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--card);align-items:center;gap:14px;padding:14px 16px;display:flex}.file-card.col{flex-direction:column;align-items:stretch}.file-card .row{justify-content:flex-start;gap:14px}.file-ico{border-radius:var(--radius-sm);background:var(--accent);color:#fff;width:44px;height:44px;font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex:none;place-items:center;display:grid}.file-ico.ghost{background:var(--track);color:var(--ink-2)}.file-meta{flex-direction:column;flex:1;gap:3px;min-width:0;font-size:12.5px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.drop-small{margin-top:8px;padding:12px 16px}.voice-dot{vertical-align:1px;border:1px solid var(--line-strong);border-radius:50%;width:10px;height:10px;margin-right:7px;display:inline-block}.file-card+.file-card{margin-top:8px}.peaks{align-items:center;gap:2px;height:26px;margin-top:10px;display:flex}.peaks i{background:var(--accent);border-radius:1px;flex:1}.tracks{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:10px;display:flex}.track-row{grid-template-columns:1fr auto 96px;align-items:center;gap:10px;font-size:13px;display:grid}.track-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-row select{border:1px solid var(--line-strong);background:var(--card);border-radius:6px;padding:4px 6px;font-size:12px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.center-msg{justify-content:center;align-items:center;gap:16px}.title-block{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.title-block h1{font-size:34px}.big-name{font-size:20px;font-weight:500}.demo-note{color:var(--ink-2);font-size:13px}.tutorials-page .eyebrow{font:600 12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--warm)}.tutorial-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:28px 22px;display:grid}.tutorial{flex-direction:column;gap:10px;margin:0;display:flex}.tutorial-video{aspect-ratio:16/9;background:var(--track);border:1px solid var(--line);border-radius:14px;overflow:hidden}.tutorial-video video,.tutorial-video iframe{border:0;width:100%;height:100%;display:block}.tutorial figcaption{font-size:16px;font-weight:600}.flow-help{color:var(--ink-2);margin:0;font-size:14px}.flow-help .link{font-size:inherit}.flow{flex-direction:column;flex:1;gap:22px;width:min(1440px,100%);margin:0 auto;padding:36px clamp(16px,4vw,64px) 48px;display:flex}.flow-progress{align-items:center;gap:10px;display:flex}.flow-progress i{background:var(--track);border-radius:3px;width:54px;height:5px}.flow-progress i.on{background:var(--accent);width:96px}.flow-progress .mono{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-left:16px;font-size:12px}.flow-title{justify-content:space-between;align-items:center;gap:16px 48px;margin:18px 0 8px;display:flex}.flow-title h1{letter-spacing:-.03em;margin:0;font-size:clamp(34px,4.6vw,76px);line-height:1.02}.flow-title p{flex:0 21em;margin:0;font-size:16px}.flow-title.wrap{flex-wrap:wrap}.flow-title h1.one-line{white-space:nowrap;font-size:clamp(26px,4.3vw,76px)}@media (width<=700px){.flow-title h1.one-line{white-space:normal}}.accent-word{color:var(--accent)}.modes{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:20px;display:grid}.mode-card{text-align:left;background:var(--card);color:var(--ink);cursor:pointer;font:inherit;border:0;border-radius:22px;flex-direction:column;padding:12px 12px 22px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #1414140d}.mode-card:hover{box-shadow:0 1px 2px #1414140d,0 10px 28px #1414141a}.mode-card.on{background:var(--accent);color:#fff}.mode-art{aspect-ratio:4/3;background:var(--track);border-radius:14px;display:block;position:relative;overflow:hidden}.mode-art canvas{width:100%;height:100%;display:block}.mode-check{width:32px;height:32px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #00000026}.mode-title{font:600 clamp(22px, 2.1vw, 34px) / 1.1 var(--font-display);letter-spacing:-.02em;margin:20px 12px 8px}.mode-desc{color:var(--ink-2);flex:1;margin:0 12px;font-size:15.5px;line-height:1.45}.mode-card.on .mode-desc{color:#ffffffeb}.mode-files{border-top:1px dashed var(--line-strong);flex-direction:column;gap:10px;margin:22px 12px 0;padding-top:18px;display:flex}.mode-card.on .mode-files{border-top:1px solid #ffffff4d}.mode-files>.mono{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:11px}.mode-card.on .mode-files>.mono{color:#ffffffd9}.mode-chips{gap:8px;display:flex}.file-chip{letter-spacing:.06em;border-radius:5px;padding:7px 11px;font-size:12px;font-weight:700}.file-chip.mid,.file-chip.wav,.file-chip.lrc{background:var(--track);color:var(--ink)}.mode-card.on .file-chip{color:#fff;background:#ffffff2e}.flow-files{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-top:18px;display:grid}.flow-files.single{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.flow-files .drop-big,.flow-files .drop-dashed,.flow-files .file-card{border-radius:16px;min-height:104px}.flow-midi{flex-direction:column;display:flex}.flow-foot{align-items:center;gap:28px;margin-top:16px;padding-top:8px;display:flex}.flow-foot.sticky{background:var(--bg);border-top:1px solid var(--line);padding:16px 0;position:sticky;bottom:0}.flow-foot .link-mono{cursor:pointer;color:var(--ink-2);background:0 0;border:0;padding:0;font-size:13px}.flow-next{justify-content:space-between;min-width:340px;padding:18px 24px;font-size:15px}.flow-hint{text-align:right;margin:-10px 0 0}@media (width<=1100px){.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-title{flex-direction:column;align-items:flex-start}.flow-title p{flex:none}}@media (width<=640px){.modes,.flow-files,.flow-files.single{grid-template-columns:1fr}.modes{gap:12px}.mode-card{border-radius:18px;padding:10px 10px 16px}.mode-art{aspect-ratio:16/7}.mode-title{margin:14px 8px 6px;font-size:24px}.mode-desc{margin:0 8px;font-size:14.5px}.mode-files{flex-direction:row;justify-content:space-between;align-items:center;margin:14px 8px 0;padding-top:12px}.flow-foot{flex-wrap:wrap;gap:16px}.flow-next{width:100%;min-width:0}.flow-hint{text-align:left}}.style-grid-wrap{flex-direction:column;gap:18px;margin-top:18px;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chips .label{font:600 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}.chip{border:1.5px solid var(--line-strong);background:var(--card);letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:10.5px;font-weight:600}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.style-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.style-card{text-align:left;background:var(--card);border-radius:var(--radius);border:2px solid #0000;flex-direction:column;gap:4px;padding:8px 8px 12px;display:flex;box-shadow:0 1px 2px #1414140f}.style-card:hover{box-shadow:var(--shadow)}.style-card.selected{border-color:var(--accent)}.style-card .thumb{aspect-ratio:1;background:var(--track);border-radius:6px;margin-bottom:6px;position:relative;overflow:hidden}.style-card .name{padding:0 4px;font-size:17px;font-weight:500}.style-card .desc{color:var(--ink-2);padding:0 4px;font-size:12px;line-height:1.35}.badge{letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:3px;padding:3px 6px;font-size:9px;font-weight:600;position:absolute;top:7px;left:7px}.badge.midi{background:var(--accent)}.check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:7px;right:7px}.tag{letter-spacing:.08em;text-transform:uppercase;background:var(--track);color:var(--ink-2);border-radius:3px;padding:3px 6px;font-size:9px;font-weight:600}.editor{height:100vh;overflow:hidden}.editor-grid{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:clamp(260px,27vw,390px) minmax(0,1fr) clamp(300px,31vw,450px);min-height:0;display:grid}.panel{background:var(--panel);padding:8px 20px 24px;position:relative;overflow-y:auto}.panel.left{border-right:1px solid var(--line)}.panel-export{margin-top:8px}.panel.right{border-left:1px solid var(--line)}.panel section{border-bottom:1px solid var(--line);flex-direction:column;padding:16px 0;display:flex}.panel section:last-child{border-bottom:0}.panel .field{margin-top:10px}.panel .field .field-label{margin-bottom:6px}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:10.5px;font-weight:600}.kv{justify-content:space-between;gap:12px;padding:4px 0;font-size:13px;display:flex}.kv>span:first-child{color:var(--ink-2);flex:none}.stage{background-color:var(--stage);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:14px 14px;flex-direction:column;min-height:0;padding:24px 24px 12px;display:flex;position:relative}.fit{flex:1;place-items:center;min-height:0;display:grid}.frame{background:#000;border-radius:6px;overflow:hidden;box-shadow:0 20px 50px #14141438}.transport{justify-content:center;align-items:center;gap:14px;padding-top:12px;font-size:12px;display:flex}.loop-btn{border:1.5px solid var(--line-strong);background:var(--card);width:44px;height:44px;color:var(--ink-3);border-radius:50%;place-items:center;padding:0;display:grid}.loop-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.play{background:var(--ink);width:54px;height:54px;color:var(--bg);border:0;border-radius:50%;font-size:18px}.style-current{background:var(--card);border:1.5px solid var(--line-strong);border-radius:var(--radius);text-align:left;align-items:center;gap:12px;padding:8px;display:flex}.style-current:hover{border-color:var(--accent)}.style-current .mini{border-radius:6px;flex:none;width:46px;height:46px;overflow:hidden}.style-current-name{flex:1;font-size:17px;font-weight:500}.panel .muted.small{margin-top:8px}.swatches{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;border:2px solid var(--line);border-radius:6px;justify-content:flex-end;align-items:flex-end;gap:2px;padding:4px;display:flex}.swatch i{border-radius:50%;width:7px;height:7px}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.panel .seg{flex-wrap:wrap}.editor-timeline{border-top:1px solid var(--line);background:var(--panel);grid-column:1/-1;padding:10px 24px 14px}.timeline{flex-direction:column;gap:6px;display:flex}.timeline .ticks{font:600 10px var(--font-mono);color:var(--ink-3);justify-content:space-between;display:flex}.timeline canvas{cursor:pointer;touch-action:none;width:100%;height:72px;display:block}.timeline-track{position:relative}.trim-handle{cursor:ew-resize;touch-action:none;z-index:2;width:14px;position:absolute;top:-4px;bottom:-4px;translate:-50%}.trim-handle:before{content:"";background:var(--accent);width:4px;box-shadow:0 0 0 2px var(--panel);border-radius:3px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.trim-handle:after{content:"";background:var(--accent);background-image:linear-gradient(90deg,#0000 3px,#fffc 3px 4px,#0000 4px 6px,#fffc 6px 7px,#0000 7px);border-radius:4px;width:10px;height:22px;position:absolute;top:50%;left:50%;translate:-50% -50%}.trim-handle:hover:after,.trim-handle:active:after{background-color:var(--accent-hover)}.trim-note{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;margin:2px 0 6px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.trim-note p{margin:0}.trim-note .btn{align-self:flex-start}.sync-actions{justify-content:space-between;margin-top:8px;display:flex}.sync-actions .muted{color:var(--ink-3)}.label-with-help{align-items:center;gap:6px;display:inline-flex;position:relative}.info-tip{border:1.3px solid var(--ink-3);width:15px;height:15px;color:var(--ink-3);font:600 9.5px/1 var(--font-mono);cursor:help;opacity:.75;border-radius:50%;place-items:center;display:inline-grid}.info-tip:hover,.info-tip:focus{opacity:1;outline:none}.info-bubble{z-index:30;background:var(--ink);width:210px;color:var(--bg);font:400 12.5px/1.45 var(--font);box-shadow:var(--shadow);opacity:0;pointer-events:none;text-align:left;border-radius:8px;padding:9px 11px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:-4px}.info-tip:hover .info-bubble,.info-tip:focus .info-bubble{opacity:1}.advanced summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.advanced summary::-webkit-details-marker{display:none}.advanced summary .panel-title{margin:0}.advanced .chev{color:var(--ink-3);transition:transform .15s}.advanced[open] .chev{transform:rotate(180deg)}.adv-group{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:14px 0;display:flex}.adv-head{justify-content:space-between;align-items:center;display:flex}.adv-head .field-label{margin:0}.advanced>.btn.block{margin-top:14px}.color-row{grid-template-columns:1fr 28px 84px 22px;align-items:center;gap:8px;font-size:13px;display:grid}.color-label{color:var(--ink-2)}.swatch-input{border:1.5px solid var(--line-strong);cursor:pointer;border-radius:6px;width:28px;height:28px;position:relative;overflow:hidden}.swatch-input input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hex-input{border:1.5px solid var(--line-strong);background:var(--card);border-radius:6px;width:100%;padding:5px 7px;font-size:12px}.hex-input:focus{border-color:var(--accent);outline:none}.reset{width:22px;height:22px;color:var(--accent);background:0 0;border:0;border-radius:4px;padding:0;font-size:15px}.reset:hover{background:#1d2bd814}.reset.hidden{visibility:hidden}.file-style{border-top:1px dashed var(--line);flex-direction:column;gap:4px;padding:8px 0;display:flex}.file-style:first-of-type{border-top:0}.file-style-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.coolors{flex-direction:column;gap:6px;margin-top:8px;display:flex}.coolors .row{gap:6px}.small-input{padding:7px 9px;font-size:12.5px}.coolors .btn{padding:8px 10px}.opt-row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.opt-row.col{flex-direction:column;align-items:stretch;gap:4px}.opt-row .toggle-row{margin-top:0}.opt-row .row{gap:6px}.opt-row input[type=range]{accent-color:var(--accent);flex:1}.opt-label{color:var(--ink-2);font-size:13px}.opt-label .mono{color:var(--ink);font-size:11px;font-weight:600}.select{border:1.5px solid var(--line-strong);background:var(--card);border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.modal.phone-note{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:380px;padding:28px 22px 20px;display:flex}.modal.phone-note h2{margin:0;font-size:26px}.modal.phone-note p{margin:0 0 6px;line-height:1.45}.phone-note-icon{background:var(--track);width:60px;height:60px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.modal-backdrop{z-index:20;background:#2827248c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);box-shadow:var(--shadow);border-radius:18px;max-height:calc(100vh - 48px);overflow:auto}.modal h2{font-size:34px}.modal.picker{width:min(1100px,100%);padding:28px}.modal.export{grid-template-columns:330px minmax(0,1fr);width:min(900px,100%);display:grid;overflow:hidden}.export-preview{background:var(--track);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.export-preview .frame{width:100%;max-width:250px;max-height:480px}.export-preview .mono{letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:600}.export-form{flex-direction:column;gap:16px;max-height:calc(100vh - 48px);padding:28px 30px;display:flex;overflow:auto}.export-form .field-label{margin-bottom:6px}.dest-list{flex-direction:column;gap:2px;margin-top:-8px;display:flex}.dest{border-radius:var(--radius-sm);text-align:left;background:0 0;border:1.5px solid #0000;align-items:center;gap:14px;padding:10px 14px;display:flex}.dest:hover{background:#1414140a}.dest.on{border-color:var(--accent);background:var(--card)}.dest-name{flex:1;font-size:14px;font-weight:600}.dest .mono{font-size:11px}.shape{border:1.8px solid var(--ink);border-radius:2px;flex:none}.dest.on .shape{border-color:var(--accent)}.a9-16{width:11px;height:19px}.a1-1{width:16px;height:16px}.a4-5{width:14px;height:17px}.a16-9{width:22px;height:13px}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.export-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.progress{background:var(--track);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress i{background:var(--accent);height:100%;transition:width .2s;display:block}.fine{color:var(--ink-3);font-size:12px}.landing{--gutter:clamp(16px, 4vw, 80px);--nav-h:68px;font-size:17px}.landing>:not(.site-nav,.hero-cards){max-width:1920px;margin-left:auto;margin-right:auto}.landing{overflow-x:clip}.site-nav{--nav-h:68px;height:var(--nav-h);background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(16px,2vw,24px);display:flex}.site-nav nav{align-items:center;gap:clamp(20px,2.8vw,40px);display:flex}.nav-links{align-items:center;gap:clamp(18px,2.2vw,32px);display:flex}.nav-actions{align-items:center;gap:16px;display:flex}.nav-link{white-space:nowrap;font:500 15px var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.nav-link:hover{color:var(--ink)}.nav-link.on{color:var(--ink);text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.account-chip.on{color:var(--accent)}.account-plan{color:var(--ink-2);font-size:13px}.nav-divider{background:var(--line);width:1px;height:22px}.nav-burger{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:none}.nav-burger.open{background:var(--track)}.nav-burger-menu{z-index:80;background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 16px 18px;display:flex;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 18px 30px #0000001f}.nav-burger-menu .nav-link{text-align:left;border-bottom:1px solid var(--line);padding:13px 0;font-size:18px}.nav-burger-menu .nav-link.on{text-underline-offset:6px}.nav-burger-menu .btn{justify-content:space-between;margin-top:14px}.btn-lg{padding:15px 22px;font-size:12px}.hero{padding:clamp(28px, 3.5vw, 64px) var(--gutter) 0;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:clamp(24px,4vw,72px);display:grid}.hero h1{margin:22px 0 0;font-size:clamp(40px,6.6vw,128px)}.hero h1 .h-line{display:block}.hero h1 .nowrap{white-space:nowrap}.h-impossible{font:400 .98em/.8 "Rubik Glitch", var(--font-display);letter-spacing:-.02em;color:var(--accent)}.hero-copy{min-width:0;position:relative}.hero-badge{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:500 14px var(--font);border-radius:4px;align-items:center;gap:8px;padding:6px 14px 6px 11px;display:inline-flex}.hero-badge-note{width:13px;height:13px;color:var(--accent);flex:none}.hero-side{padding-bottom:.6vw}.hero p{color:var(--ink-2);max-width:30em;margin:0;font-size:clamp(17px,1.2vw,23px)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-cards{--card:clamp(150px, 16.5vw, 300px);--card-gap:clamp(14px, 1.9vw, 36px);padding:calc(clamp(24px,3.2vw,60px) + 2vw) 0 calc(clamp(36px,4vw,72px) + 2.4vw);overflow:hidden}.hero-cards-row{width:100%;rotate:-2.5deg}.hero-cards-track,.hero-cards-copy{display:flex}.hero-cards-track{width:max-content;margin-left:calc(-.4 * var(--card));animation:cards-drift calc(var(--count) * 6s) linear infinite;will-change:transform}.hero-cards-track.paused{animation-play-state:paused}@keyframes cards-drift{to{translate:-50%}}.hero-card{width:var(--card);margin-right:var(--card-gap);flex:none;animation:7s ease-in-out infinite card-float}.hero-card:nth-child(3n+2){animation-duration:8s;animation-delay:-2.3s}.hero-card:nth-child(3n+3){animation-duration:6.5s;animation-delay:-4.6s}.hero-card:hover{animation-play-state:paused}@keyframes card-float{0%,to{translate:0;rotate:0deg}50%{translate:0 -7px;rotate:.5deg}}@media (prefers-reduced-motion:reduce){.hero-card,.hero-cards-track{animation:none}}@media (hover:none){.hero-cards-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:-3vw 0;padding:3vw 0;overflow:auto hidden}.hero-cards-row::-webkit-scrollbar{display:none}.hero-cards-track{animation:none}.hero-cards-copy{display:none}}.section{padding:64px var(--gutter) 16px}#gallery{padding-top:24px}.section h2{max-width:14em;margin:14px 0 32px;font-size:clamp(34px,3.6vw,68px)}.section h2.one-line{white-space:nowrap;max-width:none}@media (width<=700px){.section h2.one-line{white-space:normal}}.section h2.pricing-title{font-size:clamp(22px,3.6vw,68px)}.section-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-head .link-mono{margin-bottom:40px}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,28px);display:grid}.step{background:var(--card);border-radius:16px;padding:12px 12px 26px;box-shadow:0 1px 2px #1414140f}.step-viz{aspect-ratio:4/3;border-radius:10px;margin-bottom:20px;overflow:hidden}.step-n{font:500 34px var(--font);color:var(--accent);padding:0 12px}.step h3{padding:8px 12px;font-size:clamp(21px,1.7vw,28px)}.step p{color:var(--ink-2);padding:0 12px;font-size:15.5px}.labs-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(14px,1.6vw,28px);display:grid}.labs-card{background:var(--card);max-width:460px;color:inherit;border-radius:16px;padding:12px 12px 26px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 1px 2px #1414140f}.labs-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.labs-art{aspect-ratio:4/3;background:#111;border-radius:10px;margin-bottom:18px;overflow:hidden}.labs-art svg{width:100%;height:100%;display:block}.labs-open{margin:14px 12px 0;display:inline-block}@media (prefers-reduced-motion:no-preference){.labs-pulse{animation:3.2s linear infinite labs-pulse}}@keyframes labs-pulse{0%{transform:translate(0)}27%{transform:translate(6px)}50%{transform:translate(6px,6px)}77%{transform:translate(-2px,6px)}90%{transform:translate(-2px)}to{transform:translate(0)}}.labs-chip{background:var(--warm);color:#fff;font:600 12px var(--font-mono);border-radius:999px;margin:0 12px;padding:3px 10px;display:inline-block}.labs-card h3{margin:0;padding:10px 12px 6px;font-size:clamp(21px,1.7vw,28px)}.labs-card p{color:var(--ink-2);margin:0;padding:0 12px;font-size:15.5px}.midi-band{background:var(--accent);color:#fff;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:clamp(28px,4vw,64px);display:grid}.midi-band h2{color:#fff}.midi-band p{opacity:.85;max-width:30em}.midi-band ul{flex-direction:column;gap:8px;margin:22px 0 0;padding-left:18px;font-size:15.5px;display:flex}.midi-band li::marker{color:var(--warm)}.midi-viz{aspect-ratio:1;border-radius:12px;justify-self:center;width:100%;max-width:460px;overflow:hidden}.cta-band{background:var(--dark);color:#fff;border-radius:20px;grid-template-columns:1fr 1.2fr;align-items:center;gap:24px 48px;padding:clamp(28px,4vw,64px);display:grid}.cta-band h2{color:#fff;margin:0}.cta-copy{flex-direction:column;align-items:flex-start;gap:32px;display:flex}.cta-viz{justify-content:center;display:flex}.feed-phone{aspect-ratio:9/19;background:#000;border-radius:34px;width:min(280px,100%);padding:10px;box-shadow:0 0 0 2px #2a2a2e,0 30px 70px #00000073}.feed-screen{background:#111;border-radius:26px;width:100%;height:100%;position:relative;overflow:hidden}.feed-strip{animation:9s infinite feed-scroll;position:absolute;inset:0}.feed-post{height:100%;position:relative;overflow:hidden}.feed-post canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.feed-post.plain.a{background:radial-gradient(circle at 70% 30%,#ffd166 0 16%,#0000 17%),linear-gradient(#ff7b54,#b1326b 70%,#3a1c4a)}.feed-post.plain.b{background:radial-gradient(at 30% 70%,#58c4dd 0 30%,#0000 31%),linear-gradient(160deg,#1b4965,#5fa8d3 60%,#cae9ff)}.feed-post.plain.c{background:radial-gradient(circle at 40% 40%,#c77dff 0 22%,#0000 23%),radial-gradient(circle at 70% 70%,#ff9ecd 0 18%,#0000 19%),linear-gradient(200deg,#240046,#5a189a)}.feed-side{color:#fff;text-shadow:0 1px 4px #00000080;z-index:1;flex-direction:column;align-items:center;gap:12px;font-size:18px;display:flex;position:absolute;bottom:22%;right:8px}.feed-side>span{flex-direction:column;align-items:center;line-height:1;display:flex}.feed-side small{font:600 9px var(--font);margin-top:3px}.feed-like.mine{animation:9s infinite feed-liked}.feed-caption{color:#fff;z-index:1;text-shadow:0 1px 4px #0009;flex-direction:column;gap:5px;font-size:11px;display:flex;position:absolute;bottom:16px;left:12px;right:52px}.feed-caption i{background:#ffffffbf;border-radius:4px;height:7px;display:block}.feed-caption b{font-size:12px}.feed-heart{color:#ff2d55;opacity:0;pointer-events:none;text-shadow:0 6px 24px #00000059;z-index:2;font-size:84px;line-height:1;animation:9s infinite feed-heart;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)scale(0)}.feed-touch{opacity:0;z-index:3;background:#ffffff73;border:2px solid #fffc;border-radius:50%;width:34px;height:34px;margin-left:-17px;animation:9s infinite feed-touch;position:absolute;left:50%}@keyframes feed-scroll{0%,8%{animation-timing-function:cubic-bezier(.3,0,.1,1);transform:translateY(0)}14%,20%{animation-timing-function:cubic-bezier(.3,0,.1,1);transform:translateY(-100%)}26%,30%{animation-timing-function:cubic-bezier(.25,0,.05,1);transform:translateY(-200%)}40%,94%{opacity:1;transform:translateY(-300%)}98%{opacity:0;transform:translateY(-300%)}to{opacity:0;transform:translateY(0)}}@keyframes feed-touch{0%,6%{opacity:0;top:70%}7%{opacity:1;top:70%}12%{opacity:0;top:30%}19%{opacity:1;top:70%}24%{opacity:0;top:30%}29%{opacity:1;top:70%}35%{opacity:0;top:30%}44%{opacity:0;top:45%}45%{opacity:1;top:45%}46%{opacity:0;top:45%}47%{opacity:1;top:45%}49%,to{opacity:0;top:45%}}@keyframes feed-heart{0%,46%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(-8deg)}54%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}64%,to{opacity:0;transform:translate(-50%,-70%)scale(1)rotate(-8deg)}}@keyframes feed-liked{0%,48%{color:#fff}50%,96%{color:#ff2d55}to{color:#fff}}.site-foot{padding:48px var(--gutter);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;font-size:12px;display:flex}.made-using{flex-wrap:wrap;align-items:baseline;gap:.3em;display:flex}.made-using .wordmark{color:var(--logo);height:1.1em;position:relative;top:.06em}.section h2.made-using{max-width:none}.made-using .wordmark{margin-top:-.3em}.made-for-icons{align-items:flex-end;gap:.16em;display:inline-flex}.social-icon{aspect-ratio:1;width:auto;height:.72em;display:block}.section-lead{color:var(--ink-2);max-width:44em;margin:-16px 0 18px;font-size:16px}.section-actions{flex-wrap:wrap;gap:10px;display:flex}.mock{width:100%;height:100%;font-family:var(--font);background:#ecebe6;position:relative;overflow:hidden}.mock .mono,.mock-label{font-family:var(--font-mono)}.si{font-family:var(--font);transition:opacity .4s}.si.si-fade{opacity:0}.si-title{font:800 clamp(9px, 1vw, 13px) var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);position:absolute;top:6%;left:6%}.si-title span{color:var(--accent)}.si-modes{grid-template-columns:repeat(var(--cols,4), 1fr);gap:4%;display:grid;position:absolute;top:15%;left:6%;right:6%}.si-mode{background:#fff;border-radius:6px;flex-direction:column;gap:4px;padding:4px 4px 6px;transition:background .25s,color .25s,transform .2s;display:flex}.si-mode b{color:var(--ink);font-size:clamp(7px,.62vw,9.5px);font-weight:600;line-height:1.1}.si-mode.on{background:var(--accent)}.si-mode.on b{color:#fff}.si-thumb{aspect-ratio:4/3;background:#15161c;border-radius:4px;display:block}.si-thumb.t0{background:radial-gradient(circle at 62% 42%,#fff 0 5%,#0000 6%),linear-gradient(135deg,#0000 47%,#ff5ca8 48% 52%,#0000 53%),#15161c}.si-thumb.t1{background:repeating-linear-gradient(0deg,#0000 0 4px,#ffffff80 4px 5px),linear-gradient(90deg,#0000 40%,#ff5a36 40% 42%,#0000 42%),#15161c}.si-thumb.t2{background:radial-gradient(circle at 40% 35%,#ff5a36 0 7%,#0000 8%),linear-gradient(#0000 70%,#6fe07a 70% 74%,#0000 74%),#121a2c}.si-thumb.t3{background:linear-gradient(#0000 22%,#ff9a4d 22% 34%,#0000 34% 48%,#2fbfb0 48% 60%,#0000 60%),#d6d6d3}.si-drops{grid-template-columns:1fr 1fr;gap:4%;display:grid;position:absolute;top:51%;left:6%;right:6%}.si-box{background:#fff;border:1.5px solid #fff;border-radius:7px;align-items:center;gap:6px;min-width:0;height:clamp(34px,3.8vw,50px);padding:0 7px;transition:border-color .25s,background .25s;display:flex}.si-box.dashed{border:1.5px dashed var(--line-strong);background:0 0}.si-box.hot{border-color:var(--accent);background:#1d2bd80f;border-style:solid}.si-box.full{background:#fff;border-color:#fff}.si-ico{width:20px;height:20px;color:var(--ink-3);font:600 6px var(--font-mono);letter-spacing:.04em;background:#e2e0da;border-radius:4px;flex:none;place-items:center;transition:background .25s,color .25s;display:grid}.si-box.full .si-ico{background:var(--accent);color:#fff}.si-box.full .si-ico.mid{background:var(--ink)}.si-meta{min-width:0;color:var(--ink-3);flex-direction:column;flex:1;gap:2px;font-size:clamp(6.5px,.55vw,8.5px);display:flex}.si-meta b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(7.5px,.65vw,10px);font-weight:600;overflow:hidden}.si-peaks{align-items:center;gap:1px;height:14px;display:flex}.si-peaks i{background:var(--accent);border-radius:1px;flex:1;transition:transform .25s;transform:scaleY(0)}.si-peaks.on i{transform:scaleY(1)}.si-roll{height:14px;position:relative}.si-roll i{background:var(--ink);opacity:0;transform-origin:0;border-radius:1px;height:22%;transition:opacity .2s,transform .25s;position:absolute;transform:scaleX(0)}.si-roll i.on{opacity:1;transform:none}.si-btn{color:#fff;font:600 clamp(7px, .62vw, 9.5px) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#c9c7c1;border-radius:4px;padding:6px 12px;transition:background .3s,transform .12s;position:absolute;top:80%;right:6%}.si-btn.ready{background:var(--accent)}.si-btn.pressed{transform:scale(.94)}.si-file{z-index:2;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:3px 7px 3px 3px;font-size:8.5px;font-weight:600;transition:left .6s cubic-bezier(.5,0,.3,1),top .6s cubic-bezier(.5,0,.3,1);display:flex;position:absolute;transform:rotate(-3deg);box-shadow:0 6px 16px #1414142e}.si-file .si-ico{background:var(--accent);color:#fff;width:16px;height:16px}.si-file.mid .si-ico{background:var(--ink)}.si-cursor{z-index:3;transition:left .6s cubic-bezier(.5,0,.3,1),top .6s cubic-bezier(.5,0,.3,1),transform .12s;position:absolute}.si-cursor.click{transform:scale(.82)}.mock-pick{grid-template-columns:repeat(3,1fr);align-items:center;gap:3%;padding:0 5%;display:grid}.pick-card{background:#fff;border:2px solid #0000;border-radius:10px;flex-direction:column;gap:6px;padding:3px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.pick-card.on{border-color:var(--accent);transform:translateY(-4%);box-shadow:0 10px 24px #14141424}.pick-viz{aspect-ratio:9/16;border-radius:7px;overflow:hidden}.pick-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:-8px;right:-8px}.mock-export{flex-direction:column;gap:6px;padding:7% 12%;display:flex}.mock-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px;font-weight:600}.mock-dest{background:#fff;border:1.5px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:6px 9px;font-size:clamp(10.5px,.9vw,13px);font-weight:600;transition:border-color .25s;display:flex}.mock-dest.on{border-color:var(--accent)}.mock-shape{border:1.5px solid var(--ink);border-radius:2px;width:7px;height:12px;display:inline-block}.mock-shape.s2{width:14px;height:8px}.mock-seg{background:var(--track);border-radius:7px;grid-template-columns:repeat(3,1fr);margin-top:2px;padding:3px;display:grid}.mock-seg span{text-align:center;font:600 10px var(--font-mono);color:var(--ink-3);border-radius:5px;padding:4px 0;transition:background .25s}.mock-seg span.on{color:var(--accent);background:#fff}.mock-progress{background:#1d2bd826;border-radius:7px;height:30px;margin-top:2px;position:relative;overflow:hidden}.mock-progress i{background:var(--accent);transition:width .6s linear;position:absolute;inset:0 auto 0 0}.mock-progress span{height:100%;font:600 10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;mix-blend-mode:normal;place-items:center;display:grid;position:relative}.mock-progress.done{background:var(--warm)}.poster-wall{--cols:6;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:clamp(12px,1.4vw,22px);display:grid}.poster-wall .poster:nth-child(2n){transform:translateY(18%)}.poster-peek{--cut:-17%;margin-top:clamp(12px,1.4vw,22px);margin-bottom:var(--cut);pointer-events:none;filter:blur(1.5px);-webkit-mask:linear-gradient(#000,#0000 42%);mask:linear-gradient(#000,#0000 42%)}.feature-link{color:var(--ink-2);font:500 15px var(--font);margin:-18px 0 22px}.feature-link b{color:var(--ink);font-weight:600}.gallery-more{justify-content:center;margin-top:-2%;display:flex;position:relative}@media (width<=1100px){.poster-wall{--cols:3}.poster-peek{--cut:-36%}.poster-peek .poster:nth-child(n+4){display:none}.poster-wall .poster:nth-child(2n){transform:none}.poster-wall .poster:nth-child(3n+2){transform:translateY(18%)}}@media (width<=600px){.poster-wall{--cols:2}.poster-wall .poster:nth-child(3n+2){transform:none}.poster-wall .poster:nth-child(2n){transform:translateY(18%)}.poster-wall .poster:nth-child(n+7){display:none}.poster-peek{--cut:-54%}.poster-peek .poster:nth-child(n+3){display:none}}.poster{aspect-ratio:2/3;outline:1px solid color-mix(in srgb, var(--ink) 45%, transparent);background:#0a0a0a;width:100%;margin:0;position:relative}.poster canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.poster-genre{color:#fff;font:500 12px/1.2 var(--font);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:99px;padding:4px 9px;position:absolute;top:8px;left:8px}.poster-try{opacity:0;color:#141414;font:700 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:9px 16px;transition:opacity .2s,translate .2s;position:absolute;bottom:7%;left:50%;translate:-50% 6px;box-shadow:0 6px 20px #00000059}.poster-try:hover{background:var(--accent);color:#fff}.poster.on .poster-try,.poster-try:focus-visible{opacity:1;translate:-50%}@media (hover:none){.poster-try{opacity:1;translate:-50%}}.packs{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,32px);padding-top:clamp(48px,4.5vw,80px);display:grid}.pack-slot{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.pack-tilt{--rx:0deg;--ry:0deg;--mx:50%;--my:30%;z-index:2;width:100%;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.pack-tilt:before{content:"";z-index:-1;filter:blur(4px);pointer-events:none;background:radial-gradient(closest-side,#14141461,#14141400);border-radius:50%;height:7%;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;position:absolute;bottom:-3%;left:10%;right:10%}.pack-tilt:hover{transition-duration:.12s}.pack{aspect-ratio:5/8;color:#fff;background:linear-gradient(90deg, #00000052, transparent 9%, #ffffff1a 22%, transparent 40% 78%, #0000004d),  radial-gradient(120% 70% at 50% 40%, var(--p-b), var(--p-a) 75%);--z:5px;width:100%;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--z)) var(--z) repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) var(--z) repeat-x, linear-gradient(#000 0 0) 0 var(--z) / 100% calc(100% - 2 * var(--z)) no-repeat;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--z)) var(--z) repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) var(--z) repeat-x, linear-gradient(#000 0 0) 0 var(--z) / 100% calc(100% - 2 * var(--z)) no-repeat;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--z)) var(--z) repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) var(--z) repeat-x, linear-gradient(#000 0 0) 0 var(--z) / 100% calc(100% - 2 * var(--z)) no-repeat;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.pack-seal{background:repeating-linear-gradient(90deg,#ffffff29 0 2px,#00000029 2px 4px),#0000002e;flex:none;height:22px}.pack-seal.top{border-bottom:1px solid #ffffff40}.pack-seal.bottom{border-top:1px solid #ffffff40;margin-top:auto}.pack-head{letter-spacing:.02em;align-items:center;gap:2cqw;padding:4.2cqw 5cqw 0;font-size:4.2cqw;font-weight:700;display:flex}.pack-head .wordmark{color:#fff;height:5cqw!important}.pack-kind{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-left:auto;font-size:3.5cqw}.pack-head .pack-tag{letter-spacing:.1em;text-transform:uppercase;margin-left:auto;font-size:3.5cqw}.pack-head .pack-count{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:3.5cqw;font-weight:700}.pack-head .pack-count+.pack-tag{margin-left:2.5cqw}.pack-art{flex:1;place-items:center;min-height:0;padding:6% 14%;display:grid}.pack-art svg{width:100%;height:auto;max-height:100%;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--p-c) 70%, transparent));overflow:visible}.pack-name{font:800 14.5cqw / .95 "Archivo", var(--font);letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(180deg, #fff 30%, var(--p-c));color:#0000;filter:drop-shadow(0 2px #00000059);-webkit-background-clip:text;background-clip:text;padding:0 5cqw}.pack-foot{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:2.5cqw;padding:3.3cqw 5cqw 5cqw;font-size:4cqw;font-weight:700;display:flex}.pack-tag{color:var(--p-a);background:#ffffffeb;border-radius:99px;padding:.35em .8em}.pack-lyrics{background:var(--p-c);color:var(--p-a);letter-spacing:.1em;text-transform:uppercase;border-radius:99px;align-self:flex-start;align-items:center;gap:5px;margin:0 12px 7px;padding:3px 8px 3px 6px;font-size:8.5px;font-weight:700;display:inline-flex}.pack-lyrics .lyrics-mark{width:11px;height:auto}.tile-chip.lyrics{align-items:center;gap:6px;display:inline-flex}.tile-chip.lyrics .lyrics-mark{width:13px;height:auto}.pack-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pack-shade{pointer-events:none;background:linear-gradient(90deg,#00000052,#0000 9%,#ffffff1a 22%,#0000 40% 78%,#0000004d),linear-gradient(#00000073,#0000 16% 58%,#000000b3 88%);position:absolute;inset:0}.pack.has-image>:not(.pack-image,.pack-shade,.pack-puff,.pack-crinkle,.pack-holo,.pack-glare,.sr-only,.pack-curve){position:relative}.pack.has-image .pack-seal{background-color:#0000004d}.pack.dark-head .pack-head,.pack.dark-head .pack-head .wordmark{color:#111}.pack.dark-head .pack-shade{background:linear-gradient(90deg,#00000040,#0000 9% 85%,#00000040),linear-gradient(#0000 58%,#000000b3 88%)}.pack.dark-head .pack-seal.top{background-color:#0000001f}.pack.light-art .pack-head,.pack.light-art .pack-head .wordmark,.pack.light-art .pack-foot{color:#1a1612}.pack.light-art .pack-name{color:#1a1612;filter:none;background:0 0}.pack.light-art .pack-shade{background:linear-gradient(90deg,#00000024,#0000 9% 85%,#00000024)}.pack.light-art .pack-seal{background-color:#00000014}.pack.light-art .pack-tag{color:#fff3d6;background:#1a1612}.pack.soft-shade .pack-shade{background:linear-gradient(90deg,#00000040,#0000 9% 85%,#00000040),linear-gradient(#0000004d,#0000 12% 80%,#00000059)}.pack.soft-shade .pack-head,.pack.soft-shade .pack-foot>span:first-child{text-shadow:0 0 4px #000,0 0 8px #000}.pack-curve{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pack-curve text{letter-spacing:.01em;fill:#1a1612;font-size:13px;font-weight:700}.pack-holo,.pack-glare,.pack-puff,.pack-crinkle{pointer-events:none;position:absolute;inset:0}.pack-puff{background:radial-gradient(70% 55% at var(--mx) var(--my), #ffffff17, #fff0 70%), linear-gradient(90deg, #00000061, #0000 12% 88%, #0006), linear-gradient(#00000040, #0000 9% 91%, #0000004d);box-shadow:inset 0 0 0 1px #ffffff1f}.pack-crinkle{background:repeating-linear-gradient(104deg,#fff0 0 17px,#ffffff12 18px,#0000000f 20px,#fff0 22px 41px),repeating-linear-gradient(-71deg,#fff0 0 29px,#ffffff0d 30px,#0000000d 32px,#fff0 34px 63px);background-position:calc(var(--mx) * .2) calc(var(--my) * .2);mix-blend-mode:overlay;opacity:.8}.pack-holo{background:repeating-linear-gradient(115deg,#ff5fa2 0%,#ffd36b 7%,#6bffb8 14%,#6bd3ff 21%,#b46bff 28%,#ff5fa2 35%) 0 0/300% 300%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.07;transition:opacity .3s}.pack-glare{background:radial-gradient(circle at var(--mx) var(--my), #ffffff4d, #fff0 55%);mix-blend-mode:overlay;opacity:.4;transition:opacity .3s}.pack-slot:hover .pack-holo{opacity:.38}.pack-slot:hover .pack-glare{opacity:.6}.pack-slot:hover .pack-tilt,.pack-slot.open .pack-tilt{translate:0 -6px}.pack-slot:hover .pack-tilt:before,.pack-slot.open .pack-tilt:before{opacity:.75;transform:translateY(10px)scale(1.08,1.3)}.pack-mystery .pack-art svg{filter:none;border:2px dashed #ffffff59;border-radius:12px}.pack-mystery .pack-name{color:#fff;background:0 0}.pack-slot.pack-soon{cursor:default}.pack-knight .pack-name{text-transform:none;letter-spacing:0;font:400 17cqw/.85 "Jacquard 12",serif}.pack-slot:not(:hover) .pack-mystery .pack-holo{opacity:.03}.pack.has-image .pack-holo{mix-blend-mode:soft-light}.pack-slot:hover .pack.has-image .pack-holo{opacity:.45}.fan-q{font:800 30px "Archivo", var(--font);color:var(--ink-3);background:var(--track);border:1px solid var(--line);place-items:center;display:grid}.fan{z-index:1;pointer-events:none;position:absolute;inset:0}.fan-card{transform-origin:50% 160%;opacity:0;width:46%;transition:transform .5s cubic-bezier(.2, .8, .2, 1) var(--d), opacity .25s var(--d);border-radius:6%;display:block;position:absolute;top:4%;left:27%;transform:translateY(12%)scale(.92);box-shadow:0 10px 24px #14141447}.pack-slot:hover .fan-card,.pack-slot.open .fan-card,.pack-slot:focus-visible .fan-card{opacity:1;transform:translate(calc(var(--k) * 34%), -58%) rotate(calc(var(--k) * 9deg))}.pack-slot:hover,.pack-slot.open,.pack-slot:focus-visible{z-index:5}.fan-card .fan-q{aspect-ratio:5/8;border-radius:6%}.pack-soon .fan-q{color:#c9b6ff;background:radial-gradient(120% 80% at 50% 40%,#3b2a6e,#120c22);border:3px solid #241845;font-size:clamp(30px,3.4vw,54px)}.ccard.still{cursor:inherit;pointer-events:none}@media (width<=1100px){.packs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:160px}}@media (width<=600px){.packs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:76px;padding-top:72px}.pack-slot:hover .fan-card,.pack-slot.open .fan-card{transform:translate(calc(var(--k) * 14%), -52%) rotate(calc(var(--k) * 6deg))}}@media (prefers-reduced-motion:reduce){.feed-strip{animation:none;transform:translateY(-300%)}.feed-heart,.feed-touch{animation:none}.mi-file,.mi-cursor{transition:none}}.folders{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:22px;display:grid}.folders-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin:40px 0 0;font-size:20px;display:flex}.folders-head .small{font-weight:400}.folder{text-align:left;background:var(--card);border:2px solid #0000;border-radius:14px;flex-direction:column;gap:14px;padding:10px 10px 18px;display:flex;position:relative;box-shadow:0 1px 2px #1414140f}.folder:hover{box-shadow:var(--shadow)}.folder.has-pick{border-color:var(--accent)}.folder-cover{aspect-ratio:16/10;border-radius:8px;overflow:hidden}.folder-text{flex-direction:column;gap:4px;padding:0 6px;display:flex}.folder-name{letter-spacing:-.02em;font-size:24px;font-weight:500}.folder-desc{color:var(--ink-2);font-size:13.5px;line-height:1.4}.folder-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;font-size:10.5px;font-weight:600}.folder-meta .picked{color:var(--accent)}.folder-open{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:600;position:absolute;bottom:18px;right:16px}.folder.ghost{border:2px dashed var(--line-strong);box-shadow:none;text-align:center;background:0 0;justify-content:center;align-items:center;min-height:200px}.folder.ghost .folder-name{color:var(--ink-2);font-size:18px}.folder-head{flex-direction:column;gap:6px;display:flex}.folder-head .link-mono{align-self:flex-start;margin-bottom:6px}.folder-head h3{font-size:28px}.tags{flex-wrap:wrap;gap:4px;padding:6px 4px 0;display:flex}@media (width<=960px){.hero,.midi-band,.cta-band{grid-template-columns:minmax(0,1fr)}.hero{height:auto;padding-bottom:24px}.cta-viz{margin-top:12px}.hero-cards{--card:clamp(150px, 38vw, 260px)}.steps{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.section-head .link-mono{margin:-16px 0 20px}.create{grid-template-columns:1fr}.create-side{border-right:0;border-bottom:1px solid var(--line)}.editor{height:auto;overflow:visible}.editor-grid{grid-template-rows:auto;grid-template-columns:1fr}.stage{order:-1;height:70vh}.panel.left,.panel.right{border:0}.modal.export{grid-template-columns:1fr}.export-preview{display:none}.topbar{flex-wrap:wrap;gap:12px}.stepper{display:none}.flow-steps .stepper{gap:0;font-size:0;display:flex}.flow-steps .stepper b{font-size:10px}.app-shell.lyr .topbar{gap:10px}.lyr .topbar .lyr-steps{gap:6px}.lyr-steps .stepper{gap:0;font-size:0;display:flex}.lyr-steps .stepper b{font-size:10px}.lyr-steps .stepper.current{gap:6px;font-size:11px}.name-input{width:160px}}@media (width<=600px){.site-nav{height:60px;padding:0 12px 0 16px;position:relative}.site-nav nav{display:contents}.site-nav .nav-links,.site-nav .nav-divider,.site-nav .btn-play{display:none}.site-nav .nav-actions{gap:6px;margin-left:auto}.site-nav .logo{font-size:19px}.nav-burger{display:grid}.folders{grid-template-columns:1fr}.section h2{font-size:30px}.midi-band,.cta-band{padding:28px 20px}.two-col{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(5,1fr)}}.stage-error{text-align:center;margin:0}.stage-error .link-mono{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.crash{text-align:center;gap:14px;max-width:480px;margin:18vh auto;padding:0 16px;display:grid}.crash-actions{justify-content:center;gap:10px;display:flex}.undo-redo{gap:4px;display:flex}.undo-redo .icon-btn{font-size:18px}.undo-redo .icon-btn:disabled{opacity:.3;cursor:default}.nav-tools{align-items:center;gap:2px;display:inline-flex}.account-chip{height:44px;color:var(--ink);white-space:nowrap;font:500 15px var(--font);border-radius:4px;align-items:center;gap:8px;padding:0 4px;text-decoration:none;transition:color .15s;display:inline-flex}.account-chip:hover{color:var(--accent)}.account-chip .person-icon{color:currentColor}@media (width<=900px){.account-chip-label{display:none}.account-chip{justify-content:center;width:36px;padding:0}}.account-person:hover{background:var(--track)}.account-person{width:40px;height:40px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.btn-play{background:var(--accent);color:#fff;font:700 15px var(--font);white-space:nowrap;border-radius:4px;align-items:center;gap:10px;padding:12px 20px;text-decoration:none;transition:background .15s;display:inline-flex}.btn-play:hover{background:var(--accent-hover)}.account-chip.dark{color:#fff}.avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.page{flex-direction:column;gap:22px;width:100%;max-width:1180px;margin:0 auto;padding:32px 24px 80px;display:flex}.page-h2{margin:0;font-size:22px}.price{font-size:22px;font-weight:700}.price small{color:var(--ink-2);font-size:13px;font-weight:500}.owned{color:#1f7a3a;font-size:13px;font-weight:600}.pro-badge{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg, var(--accent), var(--pink));color:#fff;border-radius:4px;padding:3px 7px;font-size:9.5px;font-weight:700;display:inline-block}.dev-note{color:#141414;border-radius:var(--radius-sm);background:#fff7d6;margin:0;padding:8px 10px;font-size:12px}.collection h3{margin:0 0 10px;font-size:15px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.collection-item{color:var(--ink);flex-direction:column;gap:6px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.collection-thumb{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--track);display:block;overflow:hidden}.collection-thumb canvas{width:100%;height:100%;display:block}.dev-panel{color:#141414;border-radius:var(--radius);background:#fffbe8;border:1.5px dashed #d9b400;padding:16px 18px}.dev-panel h3{margin:0 0 4px;font-size:15px}.pro-card{border-radius:var(--radius);background:var(--dark);color:#fff;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:24px;display:flex}.pro-card h2{margin:8px 0 10px}.pro-card ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;display:flex}.pro-price{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;display:flex}.pro-price .muted{color:#ffffffb3}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.shop-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.shop-cover{aspect-ratio:16/10;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.shop-cover-name{font-size:22px;font-weight:800;font-family:"Archivo", var(--font)}.shop-cover-dots{gap:6px;display:flex}.shop-cover-dots i{border-radius:50%;width:14px;height:14px}.shop-body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.shop-body h3{margin:0;font-size:17px}.shop-body p{flex:1;margin:0}.shop-body .row{justify-content:space-between;align-items:center;margin-top:6px}.templates{grid-template-columns:1fr 1fr;gap:6px;display:grid}.template{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);text-align:left;align-items:center;gap:8px;padding:6px;font-size:12.5px;display:flex}.template.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.template-swatch{border:1px solid var(--line);border-radius:5px;flex:none;justify-content:flex-end;align-items:flex-end;gap:2px;width:26px;height:26px;padding:3px;display:flex}.template-swatch i{border-radius:50%;width:6px;height:6px}.advanced summary .pro-badge{margin-left:auto;margin-right:8px}.locked-actions{gap:8px;margin-top:10px;display:flex}.lock-badge{color:#fff;background:#000000bf;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:600;position:absolute;bottom:7px;left:7px}.style-card.locked .thumb{filter:saturate(.6)}@media (width<=600px){.hide-narrow{display:none}.page{padding:24px 16px 60px}}.signin{background:var(--bg);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh;display:grid}.signin-top{grid-column:1/-1;justify-content:space-between;align-items:center;padding:24px 40px 0;display:flex}.signin-art{border-radius:var(--radius);min-height:420px;margin:24px 0 40px 40px;position:relative;overflow:hidden}.signin-art canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.signin-caption{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#f3f2edd9;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:16px;left:18px}.signin-form{flex-direction:column;align-self:center;gap:16px;width:100%;max-width:520px;padding:40px 48px;display:flex}.signin-form h1{letter-spacing:-.02em;margin:0;font-size:clamp(40px,5vw,64px);line-height:1.02}.signin-form .lead{color:var(--ink-2);margin:0 0 8px;font-size:18px}.btn-google{border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--card);width:100%;font:600 16px var(--font);color:var(--ink);cursor:pointer;align-items:center;gap:14px;padding:15px 20px;display:flex}.btn-google:hover{border-color:var(--ink-3)}.or{color:var(--ink-3);font:600 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:14px;display:flex}.or:before,.or:after{content:"";background:var(--line-strong);flex:1;height:1px}.signin-email{flex-direction:column;gap:14px;display:flex}.signin-label{color:var(--ink-2);margin-bottom:8px;font-size:14px}.input-lg{padding:15px 16px;font-size:16px}.signin-switch{color:var(--ink-2);margin:0}.signin-form .fine a{color:var(--accent)}.projects-shell{flex-direction:column;min-height:100vh;display:flex}.projects-top{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:18px;padding:14px 28px;display:flex}.projects-top .logo{margin-right:40px}.projects-nav{gap:28px;display:flex}.projects-nav a{font:600 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none}.projects-nav a.on{color:var(--accent)}.projects-nav a.on:before{content:"";background:var(--accent);vertical-align:1px;width:7px;height:7px;margin-right:8px;display:inline-block}.plan-note{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.btn-hot{background:var(--warm);color:#fff}.btn-hot:hover{filter:brightness(.95)}.avatar-menu{position:relative}.avatar-menu summary{cursor:pointer;list-style:none}.avatar-menu summary::-webkit-details-marker{display:none}.avatar.big{color:#141414;background:#f1e3c8;width:40px;height:40px;font-size:14px;font-weight:700}.avatar-pop{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);width:240px;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:48px;right:0}.avatar-pop .delete-account{color:var(--ink-2);align-self:center;font-size:11px}.delete-confirm{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:10px;display:flex}.delete-confirm p{margin:0;line-height:1.4}.delete-confirm .row{flex-direction:column;align-items:stretch;gap:8px}.delete-confirm .link-mono{align-self:center}.btn-danger{color:#fff;background:#b3200b;border-color:#b3200b}.btn-danger:hover:not(:disabled){background:#8f1a09}.projects-body{flex:1;grid-template-columns:300px minmax(0,1fr);display:grid}.projects-side{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:28px 24px;display:flex}.projects-side>.btn{margin-bottom:18px}.side-label{margin:18px 12px 8px}.side-item{border-radius:var(--radius-sm);font:400 17px var(--font);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:11px 12px;text-decoration:none;display:flex}.side-item:hover{background:#1414140a}.side-item.on{background:var(--card);color:var(--accent);font-weight:500}.side-item .count{font:600 12px var(--font-mono);color:var(--ink-3)}.plan-card{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:8px;margin-top:auto;padding:18px;font-size:15px;display:flex}.plan-card .field-label{color:var(--ink);margin:0}.link-mono.hot{color:var(--warm)}.projects-main{flex-direction:column;gap:22px;min-width:0;padding:34px 32px 60px;display:flex}.projects-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.projects-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(36px,4vw,56px)}.projects-head .search{width:300px;max-width:100%;padding:12px 16px;font-size:15px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;display:grid}.project-new{border:1.5px dashed var(--line-strong);border-radius:var(--radius);text-align:left;cursor:pointer;min-height:280px;font:inherit;color:var(--ink);background:0 0;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;display:flex}.project-new:hover{border-color:var(--accent)}.project-new .plus{color:var(--accent);font-size:40px;line-height:1}.project-new-title{font-size:26px}.project-card{background:var(--card);border-radius:var(--radius);position:relative}.project-open{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink);background:0 0;border:0;flex-direction:column;gap:4px;padding:10px 10px 16px;display:flex}.project-thumb{aspect-ratio:11/10;border-radius:var(--radius-sm);margin-bottom:10px;display:block;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;display:block}.draft{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#000c;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;top:10px;left:10px}.project-name{text-overflow:ellipsis;white-space:nowrap;padding:0 6px;font-size:22px;overflow:hidden}.project-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0 6px;font-size:11px}.project-delete{color:#1a1a1a;cursor:pointer;opacity:0;background:#fff;border:0;border-radius:6px;place-items:center;width:32px;height:32px;transition:opacity .15s,background .15s,color .15s;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 1px 4px #00000059}.project-delete:hover{color:#fff;background:#e5322d}.project-card:hover .project-delete,.project-delete:focus-visible{opacity:1}.collection-item{text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}@media (width<=900px){.signin{grid-template-columns:minmax(0,1fr);overflow-x:clip}.signin-form{overflow-wrap:anywhere}.signin-top{padding:16px}.signin-art{min-height:240px;margin:16px}.signin-form{max-width:none;padding:8px 16px 40px}.projects-body{grid-template-columns:1fr}.projects-side{border-right:0;border-bottom:1px solid var(--line);padding:16px}.plan-card{margin-top:12px}.projects-main{padding:20px 16px 40px}.projects-top{gap:10px;padding:12px 16px}.projects-top .logo{margin-right:8px}.projects-top{flex-wrap:wrap;row-gap:6px}.projects-nav{order:9;gap:20px;width:100%}.projects-top>.btn-hot{display:none}.project-delete{opacity:1}}.opening{z-index:100;color:#fff;background:radial-gradient(circle at 50% 35%,#23244a,#0b0b10 70%);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}.opening h2{letter-spacing:-.02em;text-align:center;margin:6px 0 8px;font-size:clamp(30px,4vw,52px)}.opening p{color:#ffffffbf;text-align:center;margin:0 0 20px}.opening-close{color:#ffffffb3;cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:16px;right:20px}.opening-pack,.opening-done{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.opening-pack .btn{margin-top:20px}.free-pack{aspect-ratio:5/8;cursor:pointer;color:#fff;background:linear-gradient(160deg, var(--accent), #141414 70%);border:0;border-radius:14px 14px 10px 10px;flex-direction:column;width:210px;padding:0;animation:2.4s ease-in-out infinite pack-bob;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 30px 80px #1d2bd873}.pack-crimp{background:repeating-linear-gradient(90deg,#ffffff8c 0 3px,#0000002e 3px 6px);flex:none;height:14px}.free-pack .pack-crimp{transition:transform .6s,opacity .6s}.free-pack-brand{opacity:.85;text-align:left;padding:10px 12px;font-size:10px}.free-pack-art{font:800 64px "Archivo", var(--font);border:2px dashed #ffffff80;border-radius:8px;flex:1;place-items:center;margin:0 12px;display:grid}.free-pack-name{font:800 26px "Archivo", var(--font);text-align:left;padding:12px}.opening-pack.tearing .free-pack{animation:.6s pack-shake}.opening-pack.tearing .free-pack .pack-crimp.top{opacity:0;transform:translate(40px,-60px)rotate(18deg)}@keyframes pack-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes pack-shake{0%,to{transform:none}20%{transform:rotate(-4deg)scale(1.04)}40%{transform:rotate(4deg)scale(1.06)}60%{transform:rotate(-3deg)scale(1.08)}80%{transform:rotate(2deg)scale(1.1)}}.opening{--hero:clamp(190px, 50vw, 260px);--reel-card:clamp(104px, 25vw, 150px)}.draw{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.draw-skip{color:#fff9;font:600 13px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;position:absolute;top:18px;left:22px}.draw-skip:hover{color:#fff}.draw-stage{width:100%;height:calc(var(--hero) * 1.6 + 130px);place-items:center;display:grid;position:relative}.draw-actions{min-height:52px}.reel2{width:100%;height:calc(var(--reel-card) * 1.6 + 48px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.reel2-track{will-change:transform;gap:14px;transition:filter .6s;display:flex;position:absolute;top:24px;left:50%}.reel2-track.fast{filter:blur(2px)brightness(1.15)}.reel2-card{width:var(--reel-card);flex:none;transition:opacity .5s,filter .5s,transform .5s cubic-bezier(.2,.9,.3,1.3)}.reel2-card .ccard-face{box-shadow:0 10px 26px #0009}.reel2.landed .reel2-card:not(.target){opacity:.2;filter:grayscale(.7)}.reel2.landed .reel2-card.target{transform:scale(1.1)}.reel2-beam{width:calc(var(--reel-card) * 1.8);pointer-events:none;background:radial-gradient(closest-side,#e8603c59,#0000);position:absolute;top:0;bottom:0;left:50%;translate:-50%}.reel2-markers{z-index:2;pointer-events:none;position:absolute;inset:0}.reel2-marker{width:0;height:0;filter:drop-shadow(0 0 8px var(--warm));border-left:11px solid #0000;border-right:11px solid #0000;position:absolute;left:50%;translate:-50%}.reel2-marker.top{border-top:16px solid var(--warm);top:2px}.reel2-marker.bottom{border-bottom:16px solid var(--warm);bottom:2px}.reel2-markers.tick .reel2-marker.top{animation:.14s ease-out tick-down}.reel2-markers.tick .reel2-marker.bottom{animation:.14s ease-out tick-up}@keyframes tick-down{50%{translate:-50% 6px}}@keyframes tick-up{50%{translate:-50% -6px}}.reveal2{--c:#dfe6f5;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.reveal2-card{z-index:2;width:var(--hero);animation:1.1s cubic-bezier(.2,.8,.2,1) both hero-in;position:relative}.reveal2-card .ccard-face{box-shadow:0 0 0 2px var(--c), 0 0 70px color-mix(in srgb, var(--c) 55%, transparent), 0 30px 60px #0009}.reveal2-card .ccard-foil{opacity:.9;animation:1.5s ease-out .6s both foil-sweep}.reveal2-rays,.reveal2-ring,.reveal2-sparks{left:50%;top:calc(var(--hero) * .8);pointer-events:none;position:absolute;translate:-50% -50%}.reveal2-rays{z-index:0;width:calc(var(--hero) * 3.4);aspect-ratio:1;opacity:.75;background:repeating-conic-gradient(color-mix(in srgb, var(--c) 60%, transparent) 0deg 4deg, transparent 4deg 15deg);border-radius:50%;animation:.9s ease-out .25s both rays-in,16s linear infinite rays-turn;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000);mask-image:radial-gradient(closest-side,#000 20%,#0000)}.reveal2-ring{z-index:1;width:var(--hero);aspect-ratio:1;border:3px solid var(--c);box-shadow:0 0 24px var(--c);opacity:0;border-radius:50%;animation:1s ease-out .45s both ring-out}.reveal2-sparks{z-index:3;width:0;height:0}.reveal2-sparks i{background:var(--c);width:6px;height:6px;box-shadow:0 0 10px var(--c);opacity:0;animation:spark 1s cubic-bezier(.1, .7, .3, 1) calc(.45s + var(--t)) both;border-radius:50%;margin:-3px;position:absolute}.reveal2-flash{z-index:5;pointer-events:none;background:radial-gradient(circle,#fff7dc,#ffc94d00 70%);animation:1s ease-out .4s both flash;position:fixed;inset:0}.reveal2-caption{z-index:2;flex-direction:column;align-items:center;gap:4px;animation:.5s ease-out .75s both cap-in;display:flex;position:relative}.reveal2-caption h3{font:800 clamp(26px, 3.4vw, 38px)/1 "Archivo", var(--font);text-transform:uppercase;letter-spacing:-.01em;text-align:center;margin:0}.reveal2-caption .mono{letter-spacing:.14em;text-transform:uppercase;color:#fff9;font-size:11px}@keyframes hero-in{0%{filter:brightness(2.4);transform:scale(.55)rotateY(0)}55%{filter:brightness(1.3);transform:scale(1.07)rotateY(360deg)}to{filter:none;transform:scale(1)rotateY(360deg)}}@keyframes foil-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes rays-in{0%{opacity:0;scale:.3}}@keyframes rays-turn{to{rotate:360deg}}@keyframes ring-out{0%{opacity:.9;scale:.4}to{opacity:0;scale:2.8}}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scale(.3)}}@keyframes flash{0%{opacity:0}12%{opacity:.95}to{opacity:0}}@keyframes shake{20%{translate:-7px 2px}40%{translate:6px -3px}60%{translate:-4px 2px}80%{translate:3px}}@keyframes cap-in{0%{opacity:0;translate:0 10px}}.draw-tray{gap:12px;display:flex}.draw-slot{--c:transparent;aspect-ratio:5/8;color:#ffffff73;width:56px;font:600 13px var(--font-mono);border:1.5px dashed #ffffff47;border-radius:6px;place-items:center;display:grid}.draw-slot.current{border-color:var(--warm);color:var(--warm);animation:1.2s ease-in-out infinite slot-pulse}.draw-slot.filled{filter:drop-shadow(0 0 8px var(--c));border:0;animation:.5s cubic-bezier(.2,.9,.3,1.4) both slot-pop;display:block}@keyframes slot-pop{0%{opacity:0;scale:.3}}@keyframes slot-pulse{50%{opacity:.5}}.won2{flex-wrap:wrap;justify-content:center;gap:clamp(14px,2vw,26px);margin:10px 0 20px;display:flex}.won2-card{flex-direction:column;align-items:center;gap:10px;width:clamp(150px,26vw,230px);transition:opacity .25s,translate .25s;animation:.5s ease-out both cap-in;display:flex}.won2-card .ccard-face{box-shadow:0 20px 44px #0000008c}.won2-card.picked{translate:0 -10px}.won2-card.not-picked{opacity:.45}.opening-sub{color:#ffffffb3;margin:-8px 0 4px}.opening .opening-fine{color:#fff9;flex-basis:100%;margin:4px 0 0;font-size:13px}.deals{flex-direction:column;align-items:center;gap:10px;margin:0 0 18px;animation:.5s ease-out .3s both cap-in;display:flex}.deals-head{font:600 12px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--warm);text-align:center}.deals-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.deal{color:#fff;font:inherit;text-align:left;background:#ffffff14;border:0;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}button.deal{cursor:pointer;transition:background .2s}button.deal:hover{background:#ffffff26}.deals-name{flex-direction:column;gap:2px;display:flex}.deals-name b{font-size:15px}.deals-name .mono{letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-size:11px}.deals-price{color:var(--warm);align-items:baseline;gap:6px;font-size:17px;font-weight:700;display:flex}.deals-price s{color:#ffffff73;font-size:13px;font-weight:400}@keyframes card-flip{0%{opacity:0;transform:rotateY(180deg)scale(.8)}to{opacity:1;transform:none}}.opening-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.collection h3 .muted{margin-left:8px;font-weight:400}.collection-thumb{position:relative}.collection-item.locked .collection-thumb canvas{filter:grayscale()brightness(.55)}.collection-item.locked .collection-name{color:var(--ink-3)}.collection-lock{place-items:center;font-size:26px;display:grid;position:absolute;inset:0}.signin-news{margin-top:2px}.dev-pack{margin-top:12px}@media (prefers-reduced-motion:reduce){.free-pack,.won2-card{animation:none}}.news-ask{background:#ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(640px,100%);margin:0 0 18px;padding:14px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.news-ask>span:first-child{flex-direction:column;gap:3px;display:flex}.news-ask b{font-size:15px}.news-ask small{color:#ffffffb3;font-size:12.5px}.news-ask-buttons{gap:8px;display:flex}.btn-ghost-light{color:#fff;background:0 0;border:1.5px solid #ffffff59}.btn-ghost-light:hover{border-color:#ffffffb3}.bell{display:inline-flex;position:relative}.bell-button{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.bell-button:hover,.bell-button[aria-expanded=true]{background:var(--track)}.bell.dark .bell-button{color:#fff}.bell.dark .bell-button:hover,.bell.dark .bell-button[aria-expanded=true]{background:#ffffff1f}.bell-badge{color:#fff;text-align:center;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--bg);background:#e5322d;border-radius:99px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:3px;right:2px}.bell-pop{z-index:30;background:var(--card);width:min(340px,100vw - 32px);max-height:min(440px,70vh);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);text-align:left;position:absolute;top:46px;right:0;overflow:auto}.bell-head{border-bottom:1px solid var(--line);padding:12px 14px;font-size:14px;font-weight:700}.bell-list{margin:0;padding:4px 0;list-style:none}.bell-list li>a,.bell-list li>div{color:inherit;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.bell-list li>a:hover{background:var(--track)}.bell-list li.new{background:color-mix(in srgb, var(--accent) 7%, transparent)}.bell-icon{color:#fff;background:var(--ink-3);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.bell-icon.drop{background:var(--accent)}.bell-icon.spin{background:#e0256f}.bell-text{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.bell-text b{font-size:13.5px}.bell-text span{color:var(--ink-2)}.bell-text small{color:var(--ink-3);margin-top:2px;font-size:10.5px}.bell-empty{margin:0;padding:14px}.dev-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.dev-panel .btn{white-space:normal;text-align:left;max-width:100%}@media (width<=600px){.bell-pop{width:auto;position:fixed;top:62px;left:16px;right:16px}}.notice{color:var(--ink-2);font-size:13px}.stage-error.notice .link-mono{color:var(--accent)}.folders-head.first{margin-top:10px}.folders-head .link-mono{cursor:pointer;background:0 0;border:0;padding:0}.lyrics-show{margin-top:10px;display:block}.style-tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:4px;display:flex}.style-tabs button{font:600 15px var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:2.5px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;margin-right:18px;padding:10px 6px 12px;display:inline-flex}.style-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.style-tabs .count{font:600 11px var(--font-mono);background:var(--track);color:var(--ink-2);border-radius:99px;padding:2px 7px}.style-tabs button.on .count{background:var(--accent);color:#fff}.lyr .topbar{gap:18px}.lyr-steps{gap:18px;display:flex}.lyr-steps .stepper{text-decoration:none}.lyr-steps .stepper.done{color:var(--ink)}.lyr-steps .stepper.done b{background:var(--ink);color:var(--bg)}.lyr-empty{flex-direction:column;flex:1;display:flex}.lyr-split{flex:1;grid-template-columns:minmax(300px,30%) minmax(0,1fr);display:grid}.lyr-side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:40px clamp(20px,3vw,44px);display:flex}.lyr-side h2{margin:0;font-size:30px}.lyr-main,.lyr-wide{flex-direction:column;gap:20px;min-width:0;padding:40px clamp(20px,4vw,60px) 32px;display:flex}.lyr-wide{flex:1;width:min(1500px,100%);margin:0 auto}.lyr-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;display:flex}.lyr-title h1{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(34px,4vw,60px);line-height:1.04}.lyr-title p{max-width:30em;margin:0 0 6px;font-size:16px}.lyr-song{background:var(--card);border:1.5px solid var(--line-strong);border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.lyr-song .row{align-items:center;gap:14px;display:flex}.lyr-song-foot{justify-content:space-between}.lyr-song-foot .link-mono{cursor:pointer;background:0 0;border:0;padding:0}.lyr-song-wave{height:70px}.wave{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;height:90px;position:relative}.wave-blocks{pointer-events:none;width:100%;height:calc(100% - 12px);position:absolute;inset:6px 0}.wave-section{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);cursor:grab;border-radius:8px;position:absolute;top:0;bottom:0}.wave-section .grip{background:var(--accent);cursor:ew-resize;border-radius:3px;width:6px;height:28px;margin-top:-14px;position:absolute;top:50%}.wave-section .grip.l{left:-4px}.wave-section .grip.r{right:-4px}.wave-marker{background:var(--ink);pointer-events:none;width:2px;height:14px;position:absolute;top:0}.wave-head{background:var(--hot);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.lyr-source{flex-wrap:wrap;align-self:flex-start;max-width:100%}.lyr-source button{padding:10px 16px}.lyr-source .soon{background:var(--track);border-radius:99px;margin-left:4px;padding:2px 6px;font-size:9px}.lyr-editor{border:1.5px solid var(--line-strong);background:var(--card);border-radius:16px;grid-template-columns:52px minmax(0,1fr);max-height:52vh;display:grid;overflow:auto}.lyr-gutter{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;padding:18px 0;display:flex}.lyr-gutter span,.lyr-editor textarea{font-size:19px;line-height:44px}.lyr-gutter span{font:500 12px/44px var(--font-mono);color:var(--ink-3);text-align:center}.lyr-editor textarea{resize:none;font-family:var(--font);color:var(--ink);white-space:pre;background:0 0;border:0;outline:none;padding:18px 24px;overflow:hidden}.lyr-upload{border-radius:16px;min-height:180px}.lyr-stats{color:var(--ink-2)}.preview-left .lyr-preview{justify-content:center;align-items:center}.lyr-phone{aspect-ratio:9/16;width:min(100%,300px);box-shadow:var(--shadow);background:#000;border-radius:22px;overflow:hidden}.lyr-phone.big{width:min(100%,340px)}.lyr-phone canvas{width:100%;height:100%;display:block}.lyr-transport{align-items:center;gap:14px;display:flex}.lyr-group h3{flex-wrap:wrap;align-items:baseline;gap:12px;margin:4px 0 12px;font-size:20px;display:flex}.lyr-group h3 .small{font-weight:400}.lyr-styles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.lyr-style{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex}.lyr-style-art{aspect-ratio:4/5;outline-offset:2px;border-radius:14px;outline:3px solid #0000;display:block;overflow:hidden}.lyr-style-art canvas{width:100%;height:100%;display:block}.lyr-style.on .lyr-style-art{outline-color:var(--accent)}.lyr-style-name{font-size:15px;font-weight:600}.lyr-style:disabled{opacity:.5;cursor:default}.lyr-summary{flex-direction:column;gap:12px;max-width:560px;display:flex}.lyr-summary .kv .link-mono{cursor:pointer;background:0 0;border:0;padding:0 0 0 8px}.sync-grid{grid-template-columns:minmax(0,1fr) minmax(280px,34%);gap:28px;display:grid}.sync-stage{color:#fff;background:#0e0e12;border-radius:22px;flex-direction:column;gap:6px;height:min(52vh,520px);padding:40px 32px;display:flex;overflow:auto}.sync-row{opacity:.38;grid-template-columns:80px minmax(0,1fr);align-items:baseline;gap:16px;transition:opacity .2s;display:grid}.sync-row.timed{opacity:.6}.sync-row.next,.sync-row.now{opacity:1}.sync-at{color:#9be17b;letter-spacing:.06em;font-size:11px}.sync-row.next .sync-at{color:#ffffffb3}.sync-words{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,40px);font-weight:600;line-height:1.3}.sync-words .u{text-underline-offset:10px;-webkit-text-decoration:underline #ff3d8b;text-decoration:underline #ff3d8b;text-decoration-thickness:4px}.modal.sync-intro{flex-direction:column;gap:14px;max-width:520px;padding:28px;display:flex}.modal.sync-intro h2{margin:0}.sync-intro-steps{flex-direction:column;gap:14px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.sync-intro-steps li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;display:grid}.sync-intro-steps li>span{flex-direction:column;gap:3px;line-height:1.4;display:flex}.sync-intro-n{background:var(--ink);width:30px;height:30px;color:var(--bg);font:700 14px var(--font-mono);border-radius:50%;place-items:center;display:grid}.sync-side{flex-direction:column;gap:14px;display:flex}.tap-big{background:var(--accent);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:220px;display:flex;box-shadow:inset 0 -6px #00000038}.tap-big:active{transform:translateY(2px);box-shadow:inset 0 -3px #00000038}.tap-word{font:700 clamp(44px, 5vw, 72px) var(--font);letter-spacing:-.02em}.tap-big .mono{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.sync-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sync-soon{margin:0}.sync-wave{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px 10px}.sync-wave .row{justify-content:space-between;margin-top:6px;display:flex}.adj-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.adj-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.adj-bar{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 18px;display:flex}.adj-bar .link-mono{cursor:pointer;background:0 0;border:0;padding:0}.adj-bar .toggle-row{margin:0}.adj-scroll{overflow:auto hidden}.adj-canvas{min-height:360px;padding-bottom:12px;position:relative}.adj-ruler{border-bottom:1px solid var(--line);cursor:pointer;height:26px;position:relative}.adj-ruler span{font:500 11px var(--font-mono);color:var(--ink-3);border-left:1px solid var(--line-strong);padding-left:4px;position:absolute;top:6px;transform:translate(4px)}.adj-wave{height:64px;margin:6px 0}.adj-lanes{flex-direction:column;gap:10px;padding-top:6px;display:flex}.adj-lane{height:36px;position:relative}.adj-word{background:color-mix(in srgb, var(--accent) 14%, #fff);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:7px;align-items:center;height:34px;padding:0 9px;font-size:15px;display:flex;position:absolute;top:0;overflow:hidden}.adj-word:before,.adj-word:after{content:"";cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.adj-word:before{left:0}.adj-word:after{right:0}.adj-word.on{background:var(--accent);color:#fff}.adj-unsynced{color:var(--ink-3);white-space:nowrap;font-size:13px;position:absolute;top:8px;left:12px}.adj-unsynced .link-mono{cursor:pointer;background:0 0;border:0;padding:0}.adj-head{background:var(--hot);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.adj-side{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:22px;display:flex}.adj-side h2{word-break:break-word;margin:0 0 4px;font-size:32px}.time-field .row{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-top:6px;display:grid}.time-field .input{text-align:center;font-size:16px}.adj-actions{border-top:1px dashed var(--line-strong);flex-direction:column;gap:10px;padding-top:14px;display:flex}.adj-actions .row{align-items:center;gap:8px;display:flex}.adj-actions .field-label{margin:0}.rhyme-brushes{flex-wrap:wrap;gap:8px;display:flex}.rhyme-brush{cursor:pointer;border:2px solid #0000;border-radius:8px;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000001f}.rhyme-brush.on{border-color:var(--ink);transform:scale(1.08)}.icon-btn.sm{padding:2px 8px;font-size:18px}.lyrics-links{flex-direction:column;gap:8px;display:flex}@media (width<=1000px){.lyr-split,.sync-grid,.adj-grid{grid-template-columns:1fr}.lyr-side{border-right:0;border-bottom:1px solid var(--line)}.lyr-steps .stepper{gap:0;font-size:0}.lyr-steps .stepper b{font-size:10px}}.lyr-halves{flex:1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.lyr-half{flex-direction:column;gap:16px;min-width:0;padding:36px clamp(20px,3.5vw,52px) 20px;display:flex}.lyr-half.part{background:var(--panel);border-right:1px solid var(--line)}.lyr-half .lyr-title h1{font-size:clamp(30px,3vw,46px)}.lyr-half p{margin:0}.lyr-halves-foot{border-top:1px solid var(--line);grid-column:1/-1;margin:0;padding:16px clamp(20px,3.5vw,52px) 28px}.lyr-part-wave{height:150px}.lyr-part-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lyr-part-time b{font:600 18px var(--font)}.lyr-displays{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.lyr-display{text-align:left;background:var(--card);border:2px solid var(--line);cursor:pointer;font:inherit;color:inherit;border-radius:14px;align-items:stretch;gap:12px;padding:10px;display:flex}.lyr-display.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lyr-display-art{aspect-ratio:9/16;border-radius:8px;flex:none;width:74px;overflow:hidden}.lyr-display-art canvas{width:100%;height:100%;display:block}.lyr-display-text{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13.5px;display:flex}.lyr-display-text b{color:var(--ink);font-size:16px}.tap-hint{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:auto;font-size:10.5px}.lyr-bg{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lyr-bg-option{text-align:left;background:var(--card);border:2px solid var(--line);cursor:pointer;font:inherit;color:inherit;border-radius:14px;flex-direction:column;gap:6px;min-width:0;min-height:96px;padding:16px;display:flex}.lyr-bg-option.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lyr-bg-option.drop{border-style:dashed}.lyr-bg-option .row{gap:16px;display:flex}.lyr-bg-option .link-mono{cursor:pointer;background:0 0;border:0;padding:0}.lyr-dim{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.lyr-dim .field-label{margin:0}.syl-dot{opacity:.35;margin:0 1px}.sync-mode{margin:0}.sync-mode .link-mono{cursor:pointer;background:0 0;border:0;padding:0 0 0 6px}.adj-word.line{font-weight:500}.adj-side h2.line{font-size:22px;line-height:1.25}.rhyme-line{flex-wrap:wrap;gap:4px;display:flex}.rhyme-word{font:500 15px var(--font);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:4px;padding:3px 6px}.rhyme-word.marked{color:#151515;border-color:#0000}@media (width<=1000px){.lyr-halves{grid-template-columns:1fr}.lyr-half.part{border-right:0;border-bottom:1px solid var(--line)}.lyr-displays,.lyr-bg{grid-template-columns:1fr}}.sync-timeline .adj-bar{flex-wrap:wrap;gap:12px}.sync-play{min-width:104px}.sync-clock{font-size:14px}.sync-canvas{min-height:0}.sync-lanes{cursor:pointer;min-height:110px;position:relative}.sync-lanes .adj-word{height:44px;font-size:16px}.adj-word.now{outline:2px solid var(--hot);outline-offset:-2px}.adj-word.next{border-style:dashed;border-color:var(--hot)}.sync-empty{pointer-events:none;font-size:13px;position:absolute;top:40px;left:16px}.sync-hint{border-top:1px solid var(--line);margin:0;padding:10px 18px 12px}.sync-inspect{border-top:1px solid var(--line);background:color-mix(in srgb, var(--accent) 4%, var(--card));grid-template-columns:minmax(120px,1fr) 190px 190px minmax(200px,1.4fr) auto;align-items:start;gap:20px;padding:14px 18px;display:grid}.sync-inspect-name b{letter-spacing:-.01em;word-break:break-word;font-size:24px;display:block}.sync-inspect-name b.line{font-size:16px;line-height:1.3}.sync-inspect .rhyme-line{margin-top:8px}.sync-outside{background:color-mix(in srgb, var(--hot) 8%, var(--card));border:1px solid color-mix(in srgb, var(--hot) 30%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:10px 14px;display:flex}.sync-stage .sync-row{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:4px 8px}.sync-stage .sync-row:hover{opacity:.9;background:#ffffff0f}.sync-row.from{opacity:.95;box-shadow:inset 3px 0 #9be17b}.sync-words .sung{color:#9be17b}.sync-sec{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.sync-sec h3{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;display:flex}.sync-sec p,.sync-sec .toggle-row{margin:0}.sync-sec .link-mono{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.sync-speed{color:var(--accent);letter-spacing:0;margin-left:auto;font-size:14px}.sync-range{align-items:center;gap:10px;font-size:11px;display:flex}.sync-range input{accent-color:var(--accent);flex:1}.sync-shift{align-items:center;gap:8px;display:flex}.sync-side .tap-big{height:180px}@media (width<=900px){.sync-inspect{grid-template-columns:1fr 1fr}}.sync-grid{grid-template-columns:minmax(0,1fr) 210px minmax(280px,340px);align-items:start;gap:24px}.sync-grid .sync-stage{height:auto;min-height:260px;max-height:min(52vh,520px);padding:24px 20px}.sync-grid .sync-words{font-size:clamp(20px,2.1vw,34px)}.sync-preview{flex-direction:column;align-items:center;gap:8px;display:flex;position:sticky;top:12px}.sync-preview .lyr-phone{border-radius:18px;width:100%}.sync-side{position:sticky;top:12px}.sync-timeline .adj-wave{height:44px;margin:4px 0}.sync-lanes{min-height:96px}.sync-lanes .adj-lane{height:42px}.sync-lanes .adj-word{height:40px}.sync-timeline{margin-bottom:16px}.syl-tick{opacity:.45;pointer-events:none;background:currentColor;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:8px;bottom:8px}@media (width<=1200px){.sync-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.sync-preview{display:none}}@media (width<=1000px){.sync-grid{grid-template-columns:1fr}.sync-side{position:static}.sync-side .tap-big{z-index:30;gap:4px;height:92px;position:fixed;bottom:12px;left:16px;right:16px;box-shadow:inset 0 -5px #00000038,0 8px 30px #00000040}.sync-side .tap-word{font-size:36px}.lyr-wide.sync-page{padding-bottom:120px}}.part-scrub-label{margin:14px 0 4px}.part-zoom{background:color-mix(in srgb, var(--accent) 6%, var(--card));border-radius:8px;height:64px}.part-zoom-times{justify-content:space-between;margin:2px 0 12px;display:flex}.lyr-part-row .btn{padding-inline:14px}p.lyr-part-time{margin:12px 0 0}.style-card-tc{background:var(--card);color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:9px 9px 10px;display:flex;position:relative;box-shadow:0 1px 2px #1414140f}.tc-head{justify-content:space-between;align-items:baseline;gap:8px;padding:0 2px;display:flex}.tc-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:650;overflow:hidden}.tc-num{color:var(--ink-3);font-size:10.5px}.tc-art{aspect-ratio:1;background:#111;border-radius:9px;position:relative;overflow:hidden}.tc-art canvas{width:100%;height:100%;display:block}.tc-facts{flex-direction:column;gap:3px;margin:0;padding:0 2px;font-size:12px;display:flex}.tc-facts div{justify-content:space-between;gap:8px;display:flex}.tc-facts dt{font:600 9.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.tc-facts dd{color:var(--ink-2);text-align:right;text-transform:capitalize;margin:0}.tc-energy{align-items:center;gap:3px;display:flex}.tc-energy i{background:var(--track);border-radius:50%;width:7px;height:7px}.tc-energy i.on{background:var(--accent)}.tc-foot{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-top:1px solid var(--line);padding:0 2px;justify-content:space-between;gap:6px;padding-top:6px;font-size:9.5px;display:flex}.style-card-tc.sm{border-radius:10px;flex:none;gap:5px;width:100px;padding:6px}.style-card-tc.sm .tc-name{font-size:11px}.style-card-tc.sm .tc-num{font-size:9px}.style-card-tc.sm .tc-art{border-radius:6px}.style-card-tc.sm .tc-foot{display:none}.style-card-tc.missing{border:1.5px dashed var(--line-strong);box-shadow:none;background:0 0}.style-card-tc.missing .tc-art{background:var(--track);place-items:center;display:grid}.style-card-tc.missing .tc-name,.style-card-tc.missing .tc-facts,.style-card-tc.missing .tc-foot{opacity:.55}.tc-missing{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.shop-binder-bar{background:var(--track);border-radius:3px;height:6px;overflow:hidden}.shop-binder-bar i{background:var(--accent);border-radius:inherit;height:100%;display:block}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:16px;display:grid}.shop-pack{width:100%;display:block}.shop-pack.soon{filter:grayscale(.6);opacity:.75}.reveal-pack{cursor:pointer;background:0 0;border:0;width:200px;padding:0;animation:2.4s ease-in-out infinite pack-bob}.opening-pack.tearing .reveal-pack{animation:.7s pack-shake}.opening-pack.tearing .reveal-pack .pack-seal.top{opacity:0;transition:transform .6s,opacity .6s;transform:translate(40px,-60px)rotate(18deg)}.reveal-cards{perspective:1200px;flex-wrap:wrap;justify-content:center;gap:16px;margin:10px 0 24px;display:flex}.reveal-slot{flex-direction:column;align-items:center;gap:6px;width:190px;animation:.7s cubic-bezier(.2,.8,.2,1) both card-flip;display:flex}.reveal-slot .style-card-tc{width:100%;box-shadow:0 20px 50px #00000080}.reveal-had{letter-spacing:.1em;text-transform:uppercase;color:#fff9;font-size:10px}@media (prefers-reduced-motion:reduce){.reveal-pack,.reveal-slot{animation:none}}@media (width<=640px){.style-card-tc .tc-facts{font-size:11px}}.reveal-slot.had{opacity:.55}.binder{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:16px;margin-bottom:28px;padding:22px;display:flex}.binder-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.binder-head h2{letter-spacing:-.02em;margin:2px 0 0;font-size:28px}.binder-progress{flex-direction:column;gap:6px;min-width:240px;display:flex}.binder-progress b{font-size:20px}.binder-page{background:repeating-linear-gradient(0deg, transparent 0 2px, #14141406 2px 4px), var(--bg);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;padding:16px;display:grid}.binder-pocket{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;padding:0;transition:transform .2s}.binder-pocket:hover{transform:translateY(-3px)}.binder .link-mono{align-self:flex-start}.shop-head{flex-direction:column;gap:12px;padding-top:28px;display:flex}.shop-head h1{letter-spacing:-.035em;word-spacing:.12em;margin:0;font-size:clamp(40px,6vw,72px);line-height:.95}.shop-page .shop-head h1{font-size:clamp(48px,8vw,128px)}.shop-page .eyebrow,.styles-page .eyebrow{font:600 12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--warm)}.shop-page .lead,.styles-page .lead{color:var(--ink-2);max-width:56ch;margin:4px 0 0;font-size:19px}.bundle-banner{color:#fff;background:#e8603c;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(22px,2.6vw,40px) clamp(28px,4vw,64px);display:grid;overflow:hidden}.pack-tiles .bundle-banner{grid-column:1/-1;margin-top:12px}.shop-page .bundle-banner .eyebrow{color:#ffffffd9}.bundle-text{flex-direction:column;gap:10px;display:flex}.bundle-text h2{color:#fff;margin:0;font-size:clamp(30px,3.6vw,60px)}.bundle-text p{color:#ffffffeb;max-width:46ch;margin:0;font-size:18px;line-height:1.45}.bundle-buy{flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px;display:flex}.bundle-btn{color:#1a1a1a;font:600 17px var(--font);cursor:pointer;background:#fff;border:0;border-radius:8px;padding:16px 26px;box-shadow:0 6px 18px #00000026}.bundle-btn:hover{color:#fff;background:#1a1a1a}.bundle-buy s{color:#ffffffbf;font-size:17px}.bundle-packs{cursor:pointer;background:0 0;border:0;width:clamp(280px,30vw,460px);height:clamp(170px,16vw,240px);padding:0;position:relative}.bundle-pack{width:38%;top:4%;left:calc(31% + var(--i) * 30%);rotate:calc(var(--i) * 8deg);transform-origin:50% 120%;transition:rotate .4s cubic-bezier(.2,.9,.25,1.2),translate .4s;position:absolute}.bundle-packs:hover .bundle-pack{rotate:calc(var(--i) * 13deg);translate:0 -8px}@media (width<=860px){.bundle-banner{grid-template-columns:minmax(0,1fr)}.bundle-packs{justify-self:center}}.page.shop-page{max-width:1920px}.shop-page .spin-card{margin-top:0}.collection-panel{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex}.cp-set{flex-direction:column;gap:10px;display:flex}.cp-count{justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.cp-count span{font-weight:600}.cp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.cp-card{--r:#8fa3c9;aspect-ratio:3/4;box-shadow:inset 0 0 0 2px var(--r);color:#fff;border-radius:7px;align-items:flex-end;padding:5px;display:flex;overflow:hidden}.cp-card span{text-shadow:0 1px 3px #0009;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:700;line-height:1.1;overflow:hidden}.cp-card.missing{box-shadow:none;border:1.5px dashed var(--line-strong);background:var(--bg);color:var(--ink-3);justify-content:center;align-items:center}.cp-card.missing span{font:800 20px "Archivo", var(--font);text-shadow:none}.cp-go{text-align:center;text-decoration:none}.collection-panel p{margin:0}.shop-page .collection-panel{max-width:760px;margin-top:32px}.shop-page .cp-cards{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}@media (width<=640px){.shop-page .cp-card span{display:none}.shop-page .cp-card.missing span{font-size:14px;display:block}}.featured-pack{background:var(--card);border:1px solid var(--line);border-radius:24px;grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,64px);margin:12px 0;padding:clamp(24px,3vw,44px);display:grid;overflow:hidden}.fp-text{flex-direction:column;gap:16px;display:flex}.fp-chips{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.fp-chip{background:var(--warm);color:#fff;font:600 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:6px 12px}.featured-pack h2{margin:0;font-size:clamp(34px,4vw,68px)}.featured-pack p{max-width:48ch;color:var(--ink-2);margin:0;font-size:16px;line-height:1.45}.fp-stats{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:13px}.fp-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.fp-cards{height:clamp(240px,22vw,360px);position:relative}.fp-card{width:42%;transition:transform .5s cubic-bezier(.2,.9,.25,1.2);position:absolute;top:6%;left:29%}.fp-card.c0{transform:translate(-62%)rotate(-9deg)}.fp-card.c1{z-index:2;transform:translateY(-4%)}.fp-card.c2{transform:translate(62%)rotate(9deg)}.fp-cards:hover .fp-card.c0{transform:translate(-72%)rotate(-12deg)}.fp-cards:hover .fp-card.c2{transform:translate(72%)rotate(12deg)}@media (width<=860px){.featured-pack{grid-template-columns:minmax(0,1fr)}.fp-cards{height:80vw;max-height:420px}}.pack-tiles{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:56px clamp(28px,3.4vw,56px);margin-top:12px;display:grid}@media (width<=1200px){.pack-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.pack-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.pack-tile2{flex-direction:column;gap:14px;min-width:0;display:flex}.tile-box{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.pack-stage{background:var(--track);cursor:pointer;width:100%;color:inherit;border:0;place-items:center;padding:20% 0 9%;display:grid;position:relative;overflow:hidden}.pack-tile2.soon .pack-stage{cursor:default}.soon-q{aspect-ratio:5/8;color:#c9b6ff;width:100%;font:800 clamp(30px, 3vw, 52px) "Archivo", var(--font);background:radial-gradient(120% 80% at 50% 40%,#3b2a6e,#120c22);border:3px solid #241845;border-radius:6%;place-items:start center;padding-top:14%;display:grid;box-shadow:0 10px 24px #14141447}.shop-collection-link{justify-content:center;margin:36px 0 8px;display:flex}.spin-slot{cursor:default;display:block}.spin-slot:hover .fan-card{transform:translate(calc(var(--k) * 30%), -44%) rotate(calc(var(--k) * 8deg))}.spin-slot .fan-q{color:#cfe0ff;background:radial-gradient(120% 80% at 50% 40%,#1b4fd6,#071338);border:3px solid #0c2466;place-items:start center;padding-top:12%;font-size:clamp(30px,3vw,52px)}.pack-tile2.soon .pack-stage-inner{opacity:.55;filter:grayscale(.5)}.tile-info{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 20px;display:flex}.tile-blank{aspect-ratio:2/2.95;background:repeating-linear-gradient(135deg, var(--track) 0 18px, color-mix(in srgb, var(--track) 70%, var(--bg)) 18px 36px);display:block}.pack-stage .halo{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--g) 45%, transparent), transparent);opacity:.35;pointer-events:none;border-radius:50%;width:120%;transition:opacity .5s;position:absolute;top:54%;left:50%;translate:-50% -50%}.pack-stage:hover .halo,.pack-tile2.open .halo,.pack-stage:focus-visible .halo{opacity:1}.pack-stage-inner{z-index:3;width:74%;transition:transform .5s cubic-bezier(.2,.9,.25,1);display:block;position:relative}.pack-stage .shop-pack{transform:rotate(-2.5deg)}.pack-stage:hover .pack-stage-inner,.pack-tile2.open .pack-stage-inner,.pack-stage:focus-visible .pack-stage-inner{transform:translateY(5%)scale(.97)}.fan3{z-index:2;pointer-events:none;opacity:0;border-radius:6%;width:46%;transition:transform .55s cubic-bezier(.2,.9,.25,1.15),opacity .3s;position:absolute;top:14%;left:27%;transform:translateY(30px)scale(.92);box-shadow:0 10px 24px #0f0f1e40}.pack-stage:hover .fan3,.pack-tile2.open .fan3,.pack-stage:focus-visible .fan3{opacity:1}.pack-stage:hover .c0,.pack-tile2.open .c0,.pack-stage:focus-visible .c0{transform:translate(-60%,-7%)rotate(-13deg)scale(.95)}.pack-stage:hover .c1,.pack-tile2.open .c1,.pack-stage:focus-visible .c1{transform:translateY(-27%)}.pack-stage:hover .c2,.pack-tile2.open .c2,.pack-stage:focus-visible .c2{transform:translate(60%,-7%)rotate(13deg)scale(.95)}@media (prefers-reduced-motion:reduce){.fan3,.pack-stage-inner{transition:opacity .2s}}.pack-stage:hover .pack-holo{opacity:.38}.pack-stage:hover .pack-glare{opacity:.6}.tile-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.tile-chip{border:1px solid var(--line-strong);color:var(--ink-2);border-radius:999px;padding:4px 12px;font-size:13px}.tile-chip.live{border-color:var(--warm);color:var(--warm)}.tile-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:2px 0 0;font-size:clamp(24px,2.2vw,34px);font-weight:800;line-height:.95}.tile-buy{justify-content:space-between;align-items:center;gap:10px;display:flex}.tile-buy .pill-btn{padding:12px 18px}@media (width<=640px){.pack-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.tile-info{padding:12px 12px 14px}.tile-name{font-size:20px}.tile-meta{letter-spacing:.08em;font-size:10px}.tile-buy{flex-wrap:wrap;gap:8px}.tile-buy .tile-price b{font-size:22px}.tile-buy .pill-btn{padding:10px 12px}.pack-tiles .pack-name{font-size:15px}.pack-tiles .pack-foot,.pack-tiles .pack-kind,.pack-tiles .pack-head .pack-tag,.pack-tiles .pack-head .pack-count{display:none}}.spin-art .pack-kind{display:none}.tile-price{align-items:baseline;gap:8px;display:inline-flex}.tile-price b{letter-spacing:-.02em;font-size:28px;font-weight:800}.tile-price s{color:var(--ink-3);font-size:14px}.pill-btn{border:1.5px solid var(--ink);background:var(--ink);color:var(--bg);font:600 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:999px;padding:12px 22px}.pill-btn:hover{background:var(--accent);border-color:var(--accent)}.pill-btn.ghost{color:var(--ink);background:0 0}.pill-btn.ghost:hover{border-color:var(--warm);color:var(--warm);background:0 0}.pill-btn:disabled{opacity:.45;cursor:default;background:var(--ink);border-color:var(--ink)}.pill-btn.big{width:100%;padding:15px 22px}.pill-btn.hot{background:var(--warm);border-color:var(--warm);color:#fff}.pill-btn.hot:hover{filter:brightness(.92)}.shop-page .pro-card{margin-top:32px}.spin-card{background:var(--track);border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,.6fr) minmax(0,1fr);align-items:center;gap:28px;margin-top:56px;padding:40px;display:grid}.spin-text h2{letter-spacing:-.03em;margin:10px 0 14px;font-size:clamp(34px,4.6vw,58px);line-height:1}.spin-text .lead{font-size:17px}.spin-action{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.spin-art{justify-self:center;width:min(190px,100%);animation:5s ease-in-out infinite spin-bob}@keyframes spin-bob{50%{transform:translateY(-10px)}}.spin-facts{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;margin:0;padding:22px 24px;list-style:none;display:flex}.spin-facts li{flex-direction:column;gap:2px;display:flex}.spin-facts b{font-size:17px}.spin-facts span{color:var(--ink-2);font-size:15px;line-height:1.45}@media (width<=980px){.spin-card{grid-template-columns:minmax(0,1fr);padding:28px 22px}.spin-art{grid-row:1;width:150px}}@media (prefers-reduced-motion:reduce){.spin-art{animation:none}}.bag-button{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:6px;display:grid;position:relative}.bag-button:hover{background:var(--track)}.bag-count{background:var(--accent);color:#fff;min-width:18px;height:18px;font:700 10.5px/18px var(--font-mono);border-radius:9px;padding:0 5px;position:absolute;top:2px;right:0}.sheet-dim{z-index:90;background:#0c0c108c;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow:auto}.pack-popup{background:var(--bg);border-radius:26px;flex-direction:column;gap:6px;width:min(1120px,100%);padding:36px 40px 32px;display:flex;position:relative;box-shadow:0 30px 80px #00000059}.popup-close{border:1px solid var(--line-strong);width:46px;height:46px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:22px;position:absolute;top:24px;right:24px}.popup-close:hover{border-color:var(--ink)}.popup-name{letter-spacing:-.03em;margin:0;padding-right:60px;font-size:clamp(36px,5vw,60px)}.popup-about{max-width:760px;margin:4px 0 22px;font-size:16px}.demo-row{grid-template-columns:repeat(var(--n,3), minmax(0, 300px));justify-content:center;gap:clamp(14px,2.4vw,28px);display:grid}.demo-cell{flex-direction:column;gap:12px;display:flex}.demo-cell .use-style{align-self:flex-start}.demo-card{--r:#8fa3c9;border:3px solid var(--r);color:#fff;background:#111116;border-radius:12px;padding:6px 6px 0}.demo-art{aspect-ratio:3/4;background:#000;border-radius:6px;position:relative;overflow:hidden}.demo-art canvas,.demo-art video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-play{color:#141414;cursor:pointer;opacity:0;background:#ffffffeb;border:0;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;font-size:18px;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:scale(.9);box-shadow:0 8px 24px #00000059}.demo-card:hover .demo-play,.demo-play:focus-visible{opacity:1;transform:none}@media (hover:none){.demo-card:hover .demo-play{opacity:0}.demo-art{cursor:pointer}}.demo-note{letter-spacing:.08em;text-transform:uppercase;background:#0009;border-radius:4px;padding:3px 7px;font-size:9.5px;position:absolute;bottom:8px;left:8px}.demo-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:10px 4px;font-size:13.5px;font-weight:600;display:flex;overflow:hidden}.demo-glyph{background:var(--r);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.demo-desc{color:var(--ink-2);margin:0;font-size:15px;line-height:1.45}.popup-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;padding-top:20px;display:flex}.popup-price{flex-direction:column;gap:2px;display:flex}.bag-drawer{background:var(--bg);flex-direction:column;gap:16px;width:min(420px,100%);padding:24px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #00000040}.bag-head{justify-content:space-between;align-items:center;display:flex}.bag-head h2{margin:0;font-size:26px}.bag-head .popup-close{position:static}.bag-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bag-list li{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);align-items:center;gap:12px;padding:10px 12px;display:flex}.bag-item{flex-direction:column;display:flex}.bag-item-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.bag-item-right .tile-price b{font-size:17px}.bag-item-right .link-mono{cursor:pointer;color:var(--ink-3);background:0 0;border:0;padding:0;font-size:11px}.bag-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:12px;font-size:15px;display:flex}.bag-total b{font-size:24px}.shop-pack.mini{flex:none;width:40px}.shop-pack.mini .pack{--z:2px}.shop-pack.mini .pack-head,.shop-pack.mini .pack-name,.shop-pack.mini .pack-foot{display:none}.shop-pack.mini .pack-seal{height:5px}.shop-pack.mini .pack-tilt:before{filter:blur(2px)}.shop-pack .pack-kind{display:none}@media (width<=640px){.pack-popup{border-radius:20px;padding:24px 18px}.popup-close{top:14px;right:14px}.demo-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-play{width:46px;height:46px;margin:-23px 0 0 -23px}}.popup-midis{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.popup-midis .field-label{width:100%;margin:0}.a2m{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--card);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.a2m-head{align-items:flex-start;gap:14px;display:flex}.a2m-head p{margin:4px 0 0;line-height:1.45}.a2m-head .pro-badge{vertical-align:2px;margin-left:4px}.a2m>.btn{align-self:flex-start}.a2m-run{flex-direction:column;gap:8px;display:flex}.a2m-run .link-mono{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.a2m-bar{background:var(--track);border-radius:4px;height:8px;overflow:hidden}.a2m-bar i{background:var(--accent);height:100%;transition:width .3s;display:block}.a2m-review{flex-direction:column;gap:10px;display:flex}.a2m-preview{color:#7fb2ff;background:#111116;border-radius:8px;width:100%;height:90px;display:block}.a2m-slider{grid-template-columns:120px auto minmax(80px,1fr) auto;align-items:center;gap:10px;font-size:13.5px;display:grid}.a2m-slider input{accent-color:var(--accent)}.a2m-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.a2m-actions .link-mono{cursor:pointer;background:0 0;border:0;padding:0}.a2m-actions .error{width:100%;margin:0}.flow-midi .a2m{margin-top:12px}:root[data-theme=dark] :is(.mock,.dev-panel){--ink:#141414;--ink-2:#5c5b57;--ink-3:#6b6a66;--card:#fff;--track:#e4e2db;--bg:#eae5de;--line:#1414141f;--line-strong:#14141438;color:var(--ink)}.theme-switch{background:var(--track);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-switch button{color:var(--ink-2);cursor:pointer;font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding:6px 12px}.theme-switch button:hover{color:var(--ink)}.theme-switch button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px #00000026}.styles-page .shop-head{padding-bottom:8px}.styles-pack{grid-template-columns:clamp(150px,16vw,220px) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,48px);margin-top:48px;display:grid}.styles-pack-art{position:sticky;top:24px}.styles-pack-body{flex-direction:column;gap:14px;display:flex}@media (width<=600px){.styles-pack{grid-template-columns:1fr;gap:16px}.styles-pack-art{width:150px;position:static}}.styles-pack-head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.styles-pack-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(26px,2.4vw,36px)}.styles-pack-head p{color:var(--ink-2);flex-basis:100%;margin:0}.styles-grid{grid-template-columns:repeat(auto-fill,minmax(min(46%,160px),1fr));gap:clamp(12px,1.4vw,22px);display:grid}.styles-name{margin-top:8px;font-size:14px;font-weight:600;display:block}.loop-help{margin:-4px 0 4px;font-size:12px}.synth-note{background:var(--card);border:1px solid var(--line);color:var(--ink-2);border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.synth-note.small{margin:2px 0 6px;font-size:12.5px;line-height:1.45}.synth-note .link-mono{cursor:pointer;display:inline}.file-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.toggle-help{align-items:center;gap:8px;display:flex}.toggle-help .toggle-row{flex:1}.help-q{border:1.5px solid var(--line-strong);width:20px;height:20px;color:var(--ink-2);font:700 11px/1 var(--font);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.help-q:hover,.help-q.on{border-color:var(--accent);color:var(--accent)}.help-pop{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;margin:0 0 6px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.help-pop p{margin:0}.adv-body{border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.adv-locked{opacity:.5;filter:grayscale(.6);cursor:not-allowed}.adv-locked *{cursor:not-allowed!important}.pro-note{background:color-mix(in srgb, var(--accent) 8%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:12px;margin:12px 0 4px;padding:12px 14px;font-size:13.5px}.pro-note p{margin:0}.pick-packs{grid-template-columns:repeat(auto-fill,minmax(min(44%,190px),1fr));gap:clamp(16px,2vw,28px);margin-bottom:28px;display:grid}.pick-pack{flex-direction:column;gap:10px;display:flex}.pick-pack-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;display:flex}.pick-pack-meta .picked{color:var(--accent)}.pick-pack.has-pick .pack{box-shadow:0 0 0 3px var(--accent)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(44%,200px),1fr));gap:clamp(16px,2vw,28px);padding:6px 0 24px;display:grid}.card-cell{flex-direction:column;gap:10px;display:flex}.card-cell-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:11px}.style-picker{flex-direction:column;gap:8px;display:flex}.pick-row{border-top:1px solid var(--line);grid-template-columns:clamp(130px,14vw,200px) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,44px);padding:26px 0;display:grid}.pick-row:first-of-type{border-top:0}.pick-row-pack{flex-direction:column;gap:10px;display:flex;position:sticky;top:90px}.pick-row-toggle{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.pick-row.closed{padding:18px 0}.pick-row.closed .pick-row-pack{position:static}.pick-row-toggle:active .pack-tilt{scale:.96}.pick-pack-meta .pick-row-hint{color:var(--ink-3)}.pick-row-toggle:hover~.pick-pack-meta .pick-row-hint{color:var(--accent)}.pick-row .card-grid{padding:0}.card-cell{position:relative}.card-choose{z-index:3;white-space:nowrap;animation:.25s ease-out choose-in;position:absolute;bottom:46px;left:50%;translate:-50%;box-shadow:0 8px 22px #00000059}@keyframes choose-in{0%{opacity:0;translate:-50% 8px}}.pick-row-name{color:var(--ink);cursor:pointer;font:600 22px var(--font);text-align:left;background:0 0;border:0;margin:0;padding:0;display:none}.card-cell.locked .ccard-lock{opacity:0;color:#141414;font:600 7cqw/1.2 var(--font);white-space:nowrap;background:#fff;padding:3cqw 8cqw;transition:opacity .2s,translate .2s;translate:-50% -40%;box-shadow:0 6px 18px #00000059}.card-cell.locked:hover .ccard-lock,.card-cell.locked .ccard:focus-visible .ccard-lock{opacity:1;translate:-50% -50%}@media (hover:none){.card-cell.locked .ccard-lock{opacity:1;translate:-50% -50%}}@media (width<=640px){.pick-row{grid-template-columns:minmax(0,1fr)}.pick-row-pack{flex-direction:row;justify-content:space-between;align-items:baseline;position:static}.pick-row-pack .pack-slot,.pick-pack-meta .pick-row-hint{display:none}.pick-row-name{display:block}}.ccard{--rx:0deg;--ry:0deg;aspect-ratio:5/8;width:100%;color:inherit;cursor:pointer;perspective:900px;text-align:left;font:inherit;background:0 0;border:0;padding:0;display:block;position:relative;container-type:inline-size}.ccard-face{border:3.7cqw solid var(--frame,#000);transform:rotateX(var(--rx)) rotateY(var(--ry));background:#171717;border-radius:5.4cqw;transition:transform .5s cubic-bezier(.2,.65,.2,1),box-shadow .2s,translate .2s;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 24px #00000059}.ccard:hover .ccard-face{transition-duration:.12s,.2s,.2s;translate:0 -4px;box-shadow:0 18px 34px #00000073}.ccard-face>.viz{width:100%;height:100%;position:absolute;inset:0}.ccard-art{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.pack-knight .ccard-art{image-rendering:pixelated}.ccard:hover .ccard-art{opacity:0}.ccard-video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.ccard:hover .ccard-video{opacity:1}.ccard-shade{pointer-events:none;background:linear-gradient(#000e 0%,#0008 15%,#0000 30% 72%,#000a 88%,#000e 100%);position:absolute;inset:0}.ccard-trim{pointer-events:none;border:1px solid #c9e7e533;border-radius:1.4cqw;position:absolute;inset:2.1%}.ccard-trim:before,.ccard-trim:after{content:"";border-style:solid;border-color:#c9e7e57a;width:12%;height:5%;position:absolute}.ccard-trim:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.ccard-trim:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.ccard-title{pointer-events:none;position:absolute;top:5%;left:7%;right:16%}.ccard-pack{font:500 3cqw/1.4 var(--font-mono);letter-spacing:.19em;text-transform:uppercase;color:#b9c5c5;display:block}.ccard-pack .lyrics-mark{vertical-align:-.2em;width:1.35em;height:auto;margin-right:.5em}.ccard-name{color:#e2efed;text-shadow:0 2px #000;transform-origin:0 0;font:italic 800 min(12cqw, calc(80cqw / var(--len))) / .95 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;word-spacing:.1em;margin-top:1.4cqw;font-stretch:85%;display:block}.ccard-name.jacquard{text-transform:none;letter-spacing:0;font:400 13.5cqw/.9 "Jacquard 12",serif}.ccard-sigil{color:#aec8c8;pointer-events:none;width:6.5%;height:auto;position:absolute;top:7.5%;right:7%}.ccard-collector{font:500 3cqw/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#a4b5b4;pointer-events:none;border-top:1px solid #c9e7e533;justify-content:space-between;align-items:center;gap:4cqw;padding-top:3cqw;display:flex;position:absolute;bottom:8.5%;left:7%;right:7%}.ccard-collector>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ccard-fine{pointer-events:none;font:500 2.4cqw/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#7f8c8b;white-space:nowrap;justify-content:space-between;gap:3cqw;display:flex;position:absolute;bottom:4%;left:7%;right:7%}.ccard-legal{align-items:center;gap:.4em;display:inline-flex}.ccard-legal .wordmark{color:#7f8c8b;margin-top:-.1em}.ccard:not(.pack-knight) .ccard-face{border-width:2.2cqw;border-radius:4.6cqw}.ccard:not(.pack-knight) .ccard-name:not(.jacquard){font-size:var(--nm,9.5cqw)}.ccard.pack-basics .ccard-name{letter-spacing:-.02em;--nm:9cqw;font-family:Space Grotesk,sans-serif;font-style:normal;font-weight:700;font-stretch:100%}.ccard.pack-viral .ccard-name{letter-spacing:.01em;--nm:11.5cqw;font-family:Anton,sans-serif;font-style:normal;font-weight:400;font-stretch:100%;line-height:1}.ccard.pack-creative .ccard-name{text-transform:none;letter-spacing:0;--nm:10cqw;font-family:Fredoka,sans-serif;font-style:normal;font-weight:700;font-stretch:100%}.ccard.pack-lightshow .ccard-name{text-transform:none;letter-spacing:.01em;--nm:10cqw;font-family:Marcellus,serif;font-style:normal;font-weight:400;font-stretch:100%}.ccard.pack-serene .ccard-name{text-transform:none;letter-spacing:.02em;--nm:10cqw;font-family:Shippori Mincho,serif;font-style:normal;font-weight:600;font-stretch:100%}.ccard.pack-meters .ccard-name{letter-spacing:.02em;--nm:9cqw;font-family:Chakra Petch,sans-serif;font-style:normal;font-weight:600;font-stretch:100%}.ccard.pack-bars .ccard-name{letter-spacing:0;--nm:8cqw;font-family:Bungee,sans-serif;font-style:normal;font-weight:400;font-stretch:100%}.ccard.pack-lofi .ccard-name{letter-spacing:.02em;--nm:12.5cqw;font-family:VT323,monospace;font-style:normal;font-weight:400;font-stretch:100%;line-height:.85}.ccard:not(.pack-knight) .ccard-pack,.ccard:not(.pack-knight) .ccard-collector{font-size:2.6cqw}.ccard-foil{pointer-events:none;mix-blend-mode:screen;opacity:0;transform:translateX(var(--shine,0%));background:linear-gradient(115deg,#0000 25%,#a8e2ef18 43%,#fff2 49%,#cab7ec12 55%,#0000 70%);transition:opacity .5s;position:absolute;inset:0}.ccard:hover .ccard-foil{opacity:.7}.ccard.selected .ccard-face{box-shadow:0 0 0 3px var(--accent), 0 14px 30px #00000073}.ccard-check{background:var(--accent);color:#fff;width:9cqw;height:9cqw;font:700 5cqw/1 var(--font);border-radius:50%;place-items:center;display:grid;position:absolute;top:4%;right:5%;box-shadow:0 0 0 2px #000}.ccard.selected .ccard-sigil{display:none}.ccard.locked .ccard-face>.viz,.ccard.locked .ccard-art{filter:grayscale()brightness(.45)}.ccard-lock{color:#fff;max-width:86%;font:600 3.6cqw/1.25 var(--font);text-align:center;pointer-events:none;background:#000000bf;border-radius:99px;padding:1.8cqw 3cqw;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){.ccard-face{transition:none;transform:none}}.pricing{flex-direction:column;gap:28px;display:flex}.billing-switch{background:var(--track);border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.billing-switch button{font:600 13px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.billing-switch button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0000001f}.billing-switch .save{background:var(--warm);color:#fff;letter-spacing:.04em;text-transform:none;border-radius:999px;padding:2px 8px;font-size:11px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.plan{background:var(--card);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:10px;padding:clamp(24px,3vw,40px);display:flex}.plan-pro{border:2px solid var(--accent);box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 18%, transparent)}.plan-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-head h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:800}.plan-tag{background:var(--accent);color:#fff;font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 12px}.plan-pitch{color:var(--ink-2);margin:0;font-size:16px}.plan-price{align-items:baseline;gap:4px;margin-top:10px;display:flex}.plan-price b{letter-spacing:-.03em;font-size:clamp(40px,4vw,56px)}.plan-price span{color:var(--ink-2);font-size:16px}.plan-note{font:400 13px var(--font);letter-spacing:0;text-transform:none;color:var(--ink-3);min-height:1.4em}.plan-btn{justify-content:space-between;margin:10px 0 8px}.plan-btn.owned{cursor:default;justify-content:center}.compare{border-collapse:collapse;width:100%;font-size:15px}.compare thead th{text-align:center;font:600 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-bottom:2px solid var(--line-strong);padding:14px 16px}.compare thead th.pro-col{color:var(--accent)}.compare th[scope=row]{text-align:left;padding:13px 16px 13px 0;font-weight:400}.compare td{text-align:center;width:25%;padding:13px 16px}.compare td.pro-col,.compare thead th.pro-col{background:color-mix(in srgb, var(--accent) 6%, transparent)}.compare tbody tr:not(.compare-group){border-bottom:1px solid var(--line)}.compare .compare-group th{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;border-bottom:1px solid var(--line-strong);padding:28px 0 8px;font-size:18px;font-weight:800}.mark.yes{background:color-mix(in srgb, var(--accent) 15%, transparent);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.mark.no{color:var(--ink-3);font-size:18px}.mark.text{font-size:14px;font-weight:600}.soon-tag{border:1px solid var(--line-strong);font:600 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);vertical-align:2px;white-space:nowrap;border-radius:999px;margin-left:8px;padding:1px 7px}.pack-rules{border-top:1px solid var(--line);flex-direction:column;gap:20px;margin-top:24px;padding-top:32px;display:flex}.pack-rules-head h3{margin:8px 0 6px;font-size:clamp(24px,2.4vw,34px)}.pack-rules-head p{color:var(--ink-2);max-width:52ch;margin:0;font-size:16px}.pack-rules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.pack-rule{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.pack-rule h4{margin:0 0 6px;font-size:16px}.pack-rule p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.45}.pro-compare{color:#fff;margin-top:14px;display:inline-block}.pricing-page{padding-bottom:64px}@media (width<=900px){.pack-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.plans,.pack-rules-grid{grid-template-columns:minmax(0,1fr)}.compare{font-size:13.5px}.compare td{width:26%;padding:11px 6px}.compare th[scope=row]{padding-right:8px}.mark.text{font-size:12.5px}}.hero h1,.section h2,.made-using>span:not(.sr-only),.shop-head h1,.bundle-text h2,.featured-pack h2,.popup-name,.spin-text h2,.projects-head h1,.signin-form h1,.opening h2,.flow-title h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;font-style:normal;font-weight:800;font-stretch:100%;line-height:.95}.hero h1{letter-spacing:-.035em;line-height:.9}.flow-title h1 .accent-word{font:400 .98em/.8 "Rubik Glitch", var(--font-display);letter-spacing:-.02em;color:var(--accent)}.legal-page{max-width:760px}.legal-page .eyebrow{font:600 12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--warm)}.legal-body{font-size:16px;line-height:1.6}.legal-body h2{margin:28px 0 6px;font-size:20px}.legal-body ul{padding-left:20px}.legal-body a,.legal-links a{color:var(--accent)}.legal-links{color:var(--ink-2);font-size:13px}.foot-legal{gap:14px;display:flex}.foot-social{gap:12px;display:flex}.foot-social a{color:inherit;opacity:.75;display:grid}.foot-social a:hover{opacity:1}.foot-social .social-icon{width:18px;height:18px}.foot-legal a{color:inherit}.gate{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.gate-box{text-align:center;flex-direction:column;align-items:stretch;gap:14px;width:min(340px,100%);display:flex}.gate-box .logo{align-self:center}.gate-box p{color:var(--ink-2);margin:0}.gate-wrong{color:var(--hot);font-size:13px}.gate-box .btn{justify-content:center}.ccard,.pack-slot,.poster,.hero-cards,.fan-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ccard img,.pack-slot img,.poster img{-webkit-user-drag:none}.factory{--fac-panel-w:340px;--fac-top:56px;background:#111;position:fixed;inset:0;overflow:hidden}:root[data-theme=light] .factory{background:#e7e5e1}.fac-theme .theme-switch{margin-right:4px}.fac-theme .theme-switch button{font:600 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px}@media (width<=1100px){.fac-theme{display:none}}.fac-grid{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.fac-grid.panning{cursor:grabbing}.fac-top{z-index:10;height:var(--fac-top);box-sizing:border-box;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.fac-brand{color:var(--logo);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.fac-brand span{font:700 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--warm);border:1.5px solid;border-radius:4px;padding:4px 7px}.fac-piece{box-sizing:border-box;background:var(--card);border:1px solid var(--line-strong);cursor:text;width:20ch;min-width:0;height:32px;color:var(--ink-2);border-radius:6px;align-items:center;gap:6px;padding:0 9px 0 10px;display:inline-flex}.fac-piece input{min-width:0;font:500 13px var(--font);color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:0}.fac-piece input:focus{outline:none}.fac-piece input::placeholder{color:var(--ink-2)}.fac-piece svg{flex:none;width:14px;height:14px}.fac-piece:hover{border-color:var(--ink-2);color:var(--ink)}.fac-piece:focus-within{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.fac-save.done{color:var(--ink-2)}.fac-pro{background:var(--warm);color:#fff;letter-spacing:.06em;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px}.fac-exportwin .seg{flex-wrap:wrap}.fac-more{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.fac-more-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.fac-more .fine{margin:6px 0 0}.fac-export-pro{border:1.5px solid var(--warm);border-radius:8px;flex:1;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.fac-account{align-items:center;gap:6px;margin-left:4px;display:flex}.fac-transport{align-items:center;gap:16px;min-width:0;margin:0 auto;display:flex}.fac-play{min-width:92px;padding:9px 14px}.fac-ctl{align-items:center;gap:8px;display:flex}.fac-ctl .field-label{margin:0}.fac-ctl input[type=range]{width:96px;accent-color:var(--accent)}.fac-ctl output{font:600 13px var(--font-mono);font-variant-numeric:tabular-nums;min-width:3ch}.fac-ctl .select{flex:none;padding:5px 6px}.fac-tempo{border:1px solid var(--line-strong);background:var(--card);border-radius:8px;flex:none;align-items:center;height:32px;padding-left:8px;display:flex}.fac-tempo:focus-within{border-color:var(--accent)}.fac-tempoin:not(:focus){cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fac-tempoin{width:3.4ch;color:var(--ink);font:600 14px var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;outline:none;padding:0}.fac-bpm{color:var(--ink-2);margin:0 6px 0 4px;font-size:10.5px}.fac-spin{border-left:1px solid var(--line);touch-action:none;flex-direction:column;align-self:stretch;display:flex}.fac-spin button{width:22px;color:var(--ink-2);cursor:ns-resize;background:0 0;border:0;flex:1;place-items:center;padding:0;display:grid}.fac-spin button+button{border-top:1px solid var(--line)}.fac-spin button:hover{color:var(--ink);background:var(--panel)}.fac-spin svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:9px;height:6px}.fac-timepick{position:relative}.fac-timebtn{border:1px solid var(--line-strong);background:var(--card);min-width:52px;height:32px;color:var(--ink);font:600 14px var(--font-mono);cursor:pointer;border-radius:8px;padding:0 10px}.fac-timebtn:hover,.fac-timebtn[aria-expanded=true]{border-color:var(--accent)}.fac-timepop{z-index:30;background:var(--panel);border:1px solid var(--line-strong);width:250px;box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.fac-timeopt{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.fac-timeopt b{font:700 15px var(--font-mono)}.fac-timeopt:hover{border-color:var(--line-strong)}.fac-timeopt.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fac-beats{align-items:center;gap:4px;display:flex}.fac-beats i{background:var(--ink-3);border-radius:50%;width:6px;height:6px}.fac-beats i.one{background:var(--accent);width:9px;height:9px}.fac-metro{border:1px solid var(--line-strong);background:var(--card);width:34px;height:32px;color:var(--ink-2);cursor:pointer;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.fac-metro svg{width:18px;height:18px}.fac-metro:hover{color:var(--ink)}.fac-metro.on{background:var(--accent);border-color:var(--accent);color:#fff}.fac-right{flex:none;align-items:center;gap:6px;display:flex}.fac-small{gap:6px;padding:7px 10px;font-size:10.5px}.btn-secondary.fac-small.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.factory kbd{border:1px solid var(--line-strong);font:600 11px var(--font-mono);color:var(--ink);border-radius:3px;padding:0 4px;display:inline-block}.fac-panel{z-index:9;top:var(--fac-top);width:var(--fac-panel-w);background:var(--panel);border-left:1px solid var(--line);flex-direction:column;max-width:100%;transition:transform .22s;display:flex;position:absolute;bottom:0;right:0}.factory.panel-closed .fac-panel{transform:translate(100%)}.fac-handle{background:var(--panel);width:25px;height:64px;color:var(--ink-2);border:1px solid var(--line);cursor:pointer;border-right:0;border-radius:10px 0 0 10px;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:-25px;transform:translateY(-50%);box-shadow:-4px 0 10px #0000001f}.fac-handle:hover{color:var(--ink)}.fac-handle svg{width:16px;height:16px;transition:transform .22s}.factory.panel-closed .fac-handle svg{transform:rotate(180deg)}.fac-tabs{margin:12px 16px 0}.fac-tabs button{flex:1}.fac-body{flex:1;padding:4px 16px 96px;overflow:auto}.fac-sec{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 0;display:flex}.fac-sec:last-child{border-bottom:0}.fac-sec .panel-title{margin:0}.fac-sec p{margin:0;line-height:1.45}.fac-sec .field .field-label{margin-bottom:6px}.fac-sec .select{flex:none;width:100%}.fac-sec input[type=range]{width:100%;accent-color:var(--accent)}.fac-sec .toggle-row{align-items:flex-start;margin-top:0;font-size:13px}.fac-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fac-between{justify-content:space-between}.fac-notehead{align-items:baseline;gap:10px;display:flex}.fac-notehead b{font:800 30px/1 var(--font-display)}.fac-notehead.drum b{white-space:nowrap;font-size:24px}.fac-notehead.chord{flex-direction:column;gap:4px}.fac-notehead.chord b{font-size:20px}.fac-keys{-webkit-user-select:none;user-select:none;height:84px;display:flex;position:relative}.fac-wk{cursor:pointer;background:#e8e8e8;border:1px solid #0e0e0e;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;padding-bottom:5px;display:flex}.fac-bk{z-index:1;cursor:pointer;background:#1b1b1b;border:1px solid #3a3a3a;justify-content:center;align-items:flex-end;height:52px;padding-bottom:4px;display:flex;position:absolute;top:0}.fac-wk i,.fac-bk i{width:8px;height:8px;display:block}.fac-wk{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding-bottom:4px}.fac-kname{font:600 8.5px/1 var(--font-mono);color:#444;letter-spacing:0}.fac-wk[aria-pressed=true],.fac-bk[aria-pressed=true]{outline:2px solid var(--warm);outline-offset:-2px}.fac-fields2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fac-fields{grid-template-columns:minmax(0,1fr) auto 5.5em;align-items:end;gap:8px;display:grid}.fac-fields .input,.fac-fields .select{box-sizing:border-box;height:34px;padding:5px 8px}.fac-chips{flex-wrap:wrap;gap:6px;display:flex}.fac-chips .chip{text-transform:none;letter-spacing:0;cursor:pointer;color:var(--ink);font-size:12px}.fac-chips .chip.on{color:var(--bg)}.fac-drop{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);text-align:center;color:var(--ink-2);cursor:pointer;padding:14px;font-size:13px;position:relative}.fac-drop b{color:var(--ink)}.fac-drop.over{border-color:var(--accent);color:var(--ink)}.fac-drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.fac-roll{cursor:pointer;border-radius:6px;width:100%;height:120px;display:block}.fac-builds{flex-direction:column;gap:6px;display:flex}.fac-build{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;font:inherit;background:0 0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;display:flex}.fac-build b{font-size:13px}.fac-build:hover{border-color:var(--line-strong)}.fac-build.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fac-card{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;gap:10px;margin:12px 0;padding:14px;display:flex}.fac-card .field-label{margin:0}.fac-card input[type=range]{width:100%;accent-color:var(--accent)}.fac-cardhead{font:700 15px var(--font);color:var(--ink);align-items:center;gap:10px;margin:0 0 2px;display:flex}.fac-cardicon{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.fac-cardicon svg{width:18px;height:18px}.fac-card.inst .fac-cardicon{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.fac-card.drums .fac-cardicon{background:color-mix(in srgb, var(--warm) 20%, transparent);color:var(--warm)}.fac-fx{border-top:1px dashed var(--line);flex-direction:column;gap:8px;margin-top:2px;padding-top:12px;display:flex}.fac-fxrow{grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:8px;font-size:12.5px;display:grid}.fac-fxrow output{text-align:right;font:600 11px var(--font-mono);color:var(--ink-2)}.fac-err{color:var(--hot)}.fac-tuts{gap:4px;margin:0;padding:0;list-style:none;display:grid}.fac-tut{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:7px 8px;display:flex}.fac-tut:hover{border-color:var(--line-strong)}.fac-tut.on{border-color:var(--accent)}.fac-tut>span:last-child{flex-direction:column;gap:1px;display:flex}.fac-tut b{font:600 13px var(--font)}.fac-tut-n{width:22px;height:22px;font:600 11px var(--font-mono);background:var(--line);color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.fac-tut.on .fac-tut-n{background:var(--accent);color:#fff}.fac-selvol{align-items:center;gap:6px;display:inline-flex}.fac-selvol input{width:90px}.fac-dock{z-index:11;background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:10px;padding:4px;transition:left .22s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.factory:not(.panel-closed) .fac-dock{left:calc((100% - var(--fac-panel-w)) / 2)}.fac-grp{display:flex}.fac-sep{background:var(--line);width:1px;margin:6px 4px}.fac-tool{cursor:pointer;min-width:46px;color:var(--ink-2);background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:7px 7px 5px;display:flex}.fac-tool svg{width:22px;height:22px;display:block}.fac-tool span{font:600 9.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.fac-tool:hover{color:var(--ink)}.fac-tool[aria-pressed=true]{background:var(--accent);color:#fff}.fac-tool.lit{color:var(--accent)}.fac-tg{display:flex;position:relative}.fac-tgbtn{position:relative}.fac-tgbtn:after{content:"";opacity:.6;border:3px solid;border-color:#0000 currentColor currentColor #0000;position:absolute;bottom:4px;right:4px}.fac-fly{z-index:12;background:var(--panel);border:1px solid var(--line-strong);min-width:150px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.fac-flyitem{color:var(--ink);cursor:pointer;font:600 13px var(--font);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;display:flex}.fac-flyitem svg{flex:none;width:20px;height:20px}.fac-flyitem span{flex:1}.fac-flyitem kbd{font:600 10px var(--font-mono);color:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.fac-flyitem:hover{background:var(--card)}.factory:has(.fac-tg.open) .fac-hint{opacity:0}.fac-flyitem[aria-pressed=true]{background:var(--accent);color:#fff}.fac-flyitem[aria-pressed=true] kbd{color:#fff;border-color:#ffffff80}.fac-tool:disabled{opacity:.35;cursor:default}.fac-gridpick{justify-content:center}.fac-gridpick select{border:1px solid var(--line-strong);color:var(--ink);font:600 11px var(--font-mono);background:0 0;border-radius:4px;height:22px;padding:1px 2px}.fac-hint{z-index:11;text-align:center;color:#ececec;pointer-events:none;background:#0e0e0ed9;border:1px solid #ffffff1f;border-radius:6px;max-width:min(560px,100% - 32px);margin:0;padding:6px 12px;font-size:13px;line-height:1.4;transition:opacity .3s,left .22s;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.factory:not(.panel-closed) .fac-hint{left:calc((100% - var(--fac-panel-w)) / 2)}.fac-hint.faded{opacity:0}.fac-selbar{z-index:11;left:50%;top:calc(var(--fac-top) + 12px);background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:5px 6px 5px 12px;transition:left .22s;display:flex;position:absolute;transform:translate(-50%)}.factory:not(.panel-closed) .fac-selbar{left:calc((100% - var(--fac-panel-w)) / 2)}.fac-tracks{flex-wrap:wrap;gap:6px;display:flex}.fac-track{align-items:center;gap:4px;display:flex}.fac-zoom{z-index:11;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;transition:right .22s;display:flex;position:absolute;bottom:16px;right:16px;overflow:hidden}.factory:not(.panel-closed) .fac-zoom{right:calc(var(--fac-panel-w) + 16px)}.fac-zoom button{min-width:34px;font:600 12px var(--font-mono);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:6px 10px}.fac-zoom button:hover{background:var(--track)}.fac-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fac-styles.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.fac-styles.three .fac-style svg{border-radius:6px}.fac-style{cursor:pointer;color:var(--ink-2);font:600 10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:6px;padding:0;display:flex}.fac-style svg{border:2px solid var(--line);border-radius:8px;width:100%;display:block}.fac-style.on svg{border-color:var(--accent);box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.fac-style.on{color:var(--accent)}.fac-pals{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.fac-pal{cursor:pointer;color:var(--ink-2);background:0 0;border:0;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:0;display:flex}.fac-pal-chips{box-sizing:border-box;border:2px solid var(--line);aspect-ratio:1;background:#111;border-radius:6px;grid-template-columns:repeat(4,1fr);align-content:center;gap:2px;width:100%;padding:5px;display:grid}.fac-pal-chips i{aspect-ratio:1;border-radius:1.5px;display:block}.fac-pal.on .fac-pal-chips{border-color:var(--accent);box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.fac-pal-name{font:600 9.5px/1.15 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fac-pal.on .fac-pal-name{color:var(--accent)}.fac-pal-chips.six{grid-template-columns:repeat(3,1fr);gap:3px}.fac-palcats{margin-bottom:10px}.fac-stagecols{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fac-stagecol{flex-direction:column;align-items:center;gap:4px;display:flex}.fac-stagecol .fac-ownchip{aspect-ratio:1.6;width:100%;max-width:64px}.fac-auto{min-height:16px;font-size:11px}.fac-ways{gap:6px;display:flex}.fac-ways button{border:1px solid var(--line-strong);width:40px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}.fac-ways button:hover{color:var(--ink)}.fac-ways button.on{background:var(--accent);border-color:var(--accent);color:#fff}.fac-ways svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fac-own{flex-direction:column;gap:8px;margin-top:12px;display:flex}.fac-own .field-label{margin:4px 0 0}.fac-ownrow{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.fac-ownchip{aspect-ratio:1;cursor:pointer;font:700 11px var(--font-mono);border-radius:6px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #7f7f7f59}.fac-ownchip input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.fac-ownchip svg{pointer-events:none;width:60%;height:60%}.fac-ownchip span{pointer-events:none}.fac-ownchip:hover{box-shadow:inset 0 0 0 2px var(--accent)}.fac-own .input{flex:1;min-width:0}.fac-ownfile{align-self:flex-start;position:relative;overflow:hidden}.fac-ownfile input{opacity:0;cursor:pointer;position:absolute;inset:0}.fac-qfield{position:relative}.fac-qlabel{align-items:center;gap:6px;display:flex!important}.fac-q{text-transform:none;letter-spacing:0;width:16px;height:16px;font-size:9.5px}.fac-qpop{z-index:6;width:min(240px,80vw);box-shadow:var(--shadow);text-transform:none;letter-spacing:0;color:var(--ink);font-weight:400;position:absolute;top:calc(100% + 4px);right:0}.fac-menu{z-index:12;background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:12px;padding:12px 14px;display:flex;position:absolute}.fac-menu-x{font-size:20px;position:absolute;top:4px;right:4px}.fac-menu-sec{flex-direction:column;gap:10px;display:flex}.fac-menu-sec+.fac-menu-sec{border-top:1px solid var(--line);padding-top:12px}.fac-menu-sec .panel-title{margin:0}.fac-menu-sec p{margin:0;line-height:1.45}.fac-menu .seg button{flex:1}.fac-num{width:4.5em;padding:5px 8px}.fac-unit{flex:none;padding:5px 6px}.fac-branch{grid-template-columns:18px 1fr auto 74px;align-items:center;gap:8px;display:grid}.fac-arrow{font:600 15px var(--font-mono);color:var(--warm);text-align:center}.fac-chips .chip.fac-chip-own{text-transform:none;letter-spacing:0}.fac-chips .chip.fac-chip-add{color:var(--ink-2);border-style:dashed}.fac-chips .chip.fac-chip-add:hover{color:var(--ink);border-color:var(--ink-2)}.fac-kit{flex-direction:column;gap:10px;display:flex}.fac-kit .input{box-sizing:border-box;width:100%}.fac-kitpads{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fac-kitpad{border:1.5px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.fac-kitpad.has{border-color:var(--line-strong)}.fac-kitpad.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.fac-kitplay{background:var(--track);width:34px;height:34px;color:var(--ink);cursor:pointer;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.fac-kitplay:hover{background:var(--accent);color:#fff}.fac-kitplay svg{width:20px;height:20px}.fac-kitname{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:12px;line-height:1.25;display:flex}.fac-kitname b{font-weight:600}.fac-kitname span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fac-kitpick{cursor:pointer;flex:none;position:relative}.fac-kitpick input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.fac-kitx{width:24px;height:24px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;font-size:18px;line-height:1}.fac-kitx:hover{color:var(--hot);background:var(--track)}.fac-pads{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fac-pad{border:1.5px solid var(--line-strong);color:var(--ink);cursor:pointer;font:500 10.5px var(--font-mono);text-align:center;box-shadow:inset 0 -3px 0 var(--pad);background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;line-height:1.1;display:flex}.fac-pad svg{width:24px;height:24px}.fac-pad:hover{border-color:var(--pad)}.fac-pad[aria-pressed=true]{background:var(--pad);border-color:var(--pad);color:var(--pad-ink);box-shadow:none}.fac-notesound{gap:8px;display:grid}.fac-notesound>.fac-row>.small:first-child{flex:none;width:52px}.fac-notesound input[type=range]{flex:1;min-width:0}.fac-notesound .fac-val{text-align:right;width:36px}.fac-notesound .fac-step b{min-width:76px}.fac-frame.movable{cursor:grab;touch-action:none}.fac-frame.movable:active{cursor:grabbing}.fac-framing{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.fac-framing .mono{text-align:center;min-width:44px;font-size:12px}.fac-zoomfield{border:1px solid var(--line-strong);background:var(--card);height:30px;font:600 12px var(--font-mono);color:var(--ink);cursor:text;border-radius:6px;align-items:center;padding:0 8px;display:inline-flex}.fac-zoomfield:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.fac-zoomfield input{width:4ch;font:inherit;color:inherit;text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:0;outline:none;padding:0}.fac-zoomfield input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fac-zoomfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fac-zoomfield span{color:var(--muted);margin-left:1px}.fac-bcol{vertical-align:0;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.fac-step{border:1.5px solid var(--line-strong);border-radius:6px;align-items:center;display:inline-flex;overflow:hidden}.fac-step button{width:26px;height:26px;font:600 15px var(--font-mono);color:var(--ink);cursor:pointer;background:0 0;border:0}.fac-step button:disabled{opacity:.3;cursor:default}.fac-step b{text-align:center;min-width:30px;font:600 12px var(--font-mono)}.fac-helpbtn{z-index:11;top:calc(var(--fac-top) + 12px);border:1px solid var(--line-strong);background:var(--panel);width:32px;height:32px;color:var(--ink);font:700 15px var(--font-mono);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;position:absolute;left:12px}.fac-helpbtn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.fac-tutbtn{z-index:11;top:calc(var(--fac-top) + 12px);border:1px solid var(--line-strong);background:var(--panel);height:32px;color:var(--ink);font:600 12px var(--font);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:6px;padding:0 12px 0 10px;display:flex;position:absolute;left:52px}.fac-tutbtn svg{width:17px;height:17px}.fac-tutbtn:hover{border-color:var(--accent)}.fac-tutbtn.new{border-color:var(--accent);animation:1.8s ease-in-out infinite fac-tut-glow}@keyframes fac-tut-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.fac-tutbtn.new{animation:none}}.fac-helppop{z-index:12;top:calc(var(--fac-top) + 52px);width:min(380px,100% - 24px);max-height:calc(100% - var(--fac-top) - 170px);background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;left:12px;overflow:auto}.fac-helppop p{margin:0;line-height:1.45}.fac-helppop .panel-title{margin:0}@media (width<=1560px){.fac-zoom{bottom:86px}}@media (width<=1100px){.fac-zoom{display:none}}@media (width<=1640px){.fac-account .account-chip-label{display:none}}@media (width<=1440px){.fac-top,.fac-transport{gap:12px}.fac-piece{width:15ch}.fac-ctl input[type=range]{width:76px}.fac-opt{display:none}}@media (width<=900px){.fac-piece,.fac-opt{display:none}.fac-ctl input[type=range]{width:70px}}@media (width>=561px) and (width<=900px){.fac-brand span{display:none}}@media (width<=1280px){.fac-time{display:none}}@media (width<=760px){.factory{--fac-panel-w:100%}.fac-panel{border-left:0;border-top:1px solid var(--line);width:100%;height:min(56vh,520px);top:auto}.factory.panel-closed .fac-panel{transform:translateY(100%)}.fac-handle{border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;width:64px;height:23px;top:-23px;left:50%;transform:translate(-50%);box-shadow:0 -4px 10px #0000001f}.fac-handle svg{transform:rotate(90deg)}.factory.panel-closed .fac-handle svg{transform:rotate(-90deg)}.factory.panel-closed .fac-dock{bottom:33px}.factory:not(.panel-closed) .fac-dock{bottom:calc(min(56vh,520px) + 33px);left:50%}.factory:not(.panel-closed) .fac-hint{display:none}.fac-dock{scrollbar-width:none;max-width:calc(100% - 16px);overflow-x:auto}.fac-tool{flex:none;min-width:40px;padding:6px 6px 4px}.fac-tool span{display:none}}@media (width<=560px){.factory{--fac-top:96px}.fac-top{flex-wrap:wrap;align-content:center;row-gap:8px;padding:6px 12px}.fac-brand{margin-right:auto}.fac-transport{order:3;gap:10px;width:100%;margin:0}.fac-ctl .field-label{display:none}.fac-ctl:first-of-type{flex:1}.fac-ctl:first-of-type input[type=range]{flex:1;width:auto}}.fac-u,.fac-narrow-only{display:none}@media (width<=1440px){.fac-narrow-only{display:block}}@media (width<=1100px){.fac-ctl .field-label{display:none}.fac-u{color:var(--ink-2);font-size:10.5px;display:inline}.fac-dock{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px)}.fac-ctl output{white-space:nowrap}.factory:not(.panel-closed) .fac-dock{max-width:calc(100% - var(--fac-panel-w) - 24px)}.fac-dock .fac-grp{display:contents}.fac-transport .fac-play{flex:none;min-width:0}.fac-ctl input[type=range]{width:64px;min-width:0}.fac-dock .fac-sep{display:none}.fac-tool{min-width:40px;padding:6px 6px 4px}.fac-tool span{font-size:8.5px}}@media (width<=760px){.factory:not(.panel-closed) .fac-dock{max-width:calc(100% - 16px)}.fac-dock{overflow:visible}.fac-tool{min-width:38px;padding:5px}.fac-gridpick select{max-width:64px}.fac-exportwin.modal{display:block}.fac-exportwin .export-preview{gap:8px;padding:14px 16px 10px;display:flex}.fac-exportwin .export-preview .frame{width:auto;max-width:none;height:34vh}.fac-exportwin .export-form{max-height:none;padding:18px 18px 22px;overflow:visible}}@media (width<=560px){.fac-brand{gap:6px}.fac-brand svg{height:14px!important}.fac-brand span{letter-spacing:.06em;padding:3px 4px;font-size:8.5px}.fac-top{column-gap:8px}.fac-top .fac-account .account-chip{padding:4px}.fac-top .fac-small{padding:6px 8px}.fac-right{gap:4px;margin-left:auto}.fac-transport .fac-play{flex:none;min-width:0;padding:8px 12px}.fac-ctl{gap:5px}.fac-ctl:nth-of-type(2) input[type=range]{width:52px}.fac-ctl:first-of-type,.fac-ctl:first-of-type input[type=range]{min-width:0}.fac-helpbtn{top:calc(var(--fac-top) + 8px);left:8px}.factory .fac-selbar,.factory:not(.panel-closed) .fac-selbar{white-space:normal;z-index:12;flex-wrap:wrap;justify-content:center;left:8px;right:8px;transform:none}.fac-selbar>.small>.muted{display:none}.fac-menu{z-index:13;max-height:58vh;bottom:8px;right:8px;overflow:auto;width:auto!important;top:auto!important;left:8px!important}}@media (prefers-reduced-motion:reduce){.fac-panel,.fac-dock,.fac-hint,.fac-zoom{transition:none}}