/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#101214;--panel:#16191c;--panel-raised:#1e2226;--line:#f1f2ef2e;--line-strong:#f1f2ef6b;--paper:#f1f2ef;--muted:#f1f2efb8;--muted-strong:#f1f2efe0;--muted-soft:#f1f2ef94;--muted-dim:#f1f2ef80;--active:var(--paper);--active-hover:#fff;--accent-ink:var(--signal);--signal:#101214;--signal-deep:#0a0c0e;--info:var(--paper);--danger:var(--paper);--font-display:"Iowan Old Style", Baskerville, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Times New Roman", serif}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--ink);min-width:320px;color:var(--paper);font-family:var(--font-geist-sans), "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Arial, sans-serif;margin:0;font-size:13px;overflow-x:hidden}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:2px solid var(--active);outline-offset:2px}select:focus-visible{outline:2px solid var(--active);outline-offset:2px}input:focus-visible{outline:2px solid var(--active);outline-offset:2px}textarea:focus-visible{outline:2px solid var(--active);outline-offset:2px}[href]:focus-visible{outline:2px solid var(--active);outline-offset:2px}[role=button]:focus-visible{outline:2px solid var(--active);outline-offset:2px}.studio-shell{background:linear-gradient(#f1f2ef0b 1px, transparent 1px), linear-gradient(90deg, #f1f2ef0b 1px, transparent 1px), var(--ink);background-size:48px 48px,48px 48px;min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);background:var(--signal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:320px 1fr auto;align-items:stretch;height:66px;display:grid;position:sticky;top:0}.brand-block{border-right:1px solid var(--line);align-content:center;gap:7px;padding:0 18px;display:grid}.brand-wordmark{background:url(/brand/geometric-wordmark.png) 0/contain no-repeat;width:154px;height:18px;display:block;position:relative}.brand-block small{color:#f1f2efb8;font:8px/1 var(--font-geist-mono), monospace;letter-spacing:.14em}.topbar-readout{min-width:0;font:10px var(--font-geist-mono), monospace;letter-spacing:.08em;color:#f1f2efad;align-items:center;gap:11px;padding:0 22px;display:flex}.topbar-readout strong{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;max-width:32vw;font-weight:500;overflow:hidden}.live-dot,.status-led{background:var(--active);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #f1f2ef6b}.header-actions{align-items:center;gap:8px;padding:0 12px;display:flex}.mode-switch{border:1px solid var(--line-strong);grid-template-columns:1fr 1fr;min-height:36px;display:grid}.mode-switch a{color:#f1f2efb8;min-width:45px;font:500 12px/1 var(--font-display);letter-spacing:.035em;place-items:center;text-decoration:none;display:grid}.mode-switch a+a{border-left:1px solid var(--line-strong)}.mode-switch a:hover{color:var(--paper)}.mode-switch a.is-active{background:var(--active);color:var(--accent-ink)}.button{border:1px solid var(--line-strong);min-height:36px;font:600 10px var(--font-geist-mono), monospace;letter-spacing:.06em;background:0 0;padding:0 14px;transition:background .18s,color .18s,border-color .18s}.button:hover{border-color:var(--paper)}.button.primary{background:var(--active);border-color:var(--active);color:var(--accent-ink)}.button.primary:hover{background:var(--active-hover);border-color:var(--active-hover)}.button.ghost{color:var(--muted)}.button.outline{color:var(--paper)}.button:disabled{opacity:.45;cursor:wait}.studio-grid{grid-template-columns:286px minmax(480px,1fr) 294px;min-height:calc(100vh - 66px);display:grid}.mode-easy .studio-grid{grid-template-columns:250px minmax(480px,1fr) 294px}.control-panel{background:var(--panel);min-width:0}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-section{border-bottom:1px solid var(--line);padding:15px 16px 17px}.section-heading{color:var(--muted);font:600 9px var(--font-geist-mono), monospace;letter-spacing:.11em;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-heading b{color:var(--active);font-weight:500}.drop-zone{border:1px dashed var(--line-strong);text-align:center;background:#f1f2ef05;place-items:center;min-height:112px;padding:16px;transition:border-color .18s,background .18s;display:grid}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--active);background:#f1f2ef12}.drop-zone strong{margin-top:7px;font-size:11px;font-weight:500}.drop-zone small{color:var(--muted);font:8px var(--font-geist-mono), monospace;margin-top:4px}.drop-symbol{color:var(--active);font:25px var(--font-geist-mono), monospace;transform:rotate(24deg)}.analysis-chain{color:var(--muted-soft);font:6px var(--font-geist-mono), monospace;letter-spacing:.03em;white-space:nowrap;justify-content:space-between;align-items:center;gap:3px;margin-top:11px;display:flex}.analysis-chain i{color:var(--active);font-style:normal}.analysis-note{color:var(--muted-soft);margin:8px 0 0;font-size:9px;line-height:1.55}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.range-control{margin-top:14px;display:block}.range-control:first-of-type{margin-top:0}.range-control.is-disabled{opacity:.38}.range-control.is-disabled input{cursor:not-allowed}.range-meta{justify-content:space-between;margin-bottom:8px;display:flex}.range-meta span{color:var(--muted-strong);font:9px var(--font-geist-mono), monospace;letter-spacing:.06em}.range-meta output{color:var(--paper);font:10px var(--font-geist-mono), monospace}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:14px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--active) var(--range-progress), var(--line-strong) var(--range-progress));height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:1px solid var(--active);background:var(--panel);border-radius:0;width:9px;height:14px;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--line-strong);height:2px}input[type=range]::-moz-range-progress{background:var(--active);height:2px}input[type=range]::-moz-range-thumb{border:1px solid var(--active);background:var(--panel);border-radius:0;width:8px;height:13px}.shape-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px;display:grid}.shape-grid button{border:1px solid var(--line);min-width:0;min-height:43px;color:var(--muted-soft);font:15px var(--font-geist-mono), monospace;background:0 0;align-content:center;place-items:center;gap:2px;display:grid}.shape-grid button small{color:inherit;font:6px var(--font-geist-mono), monospace;letter-spacing:.06em}.shape-grid button:hover{border-color:var(--paper);color:var(--paper)}.shape-grid button.is-active{border-color:var(--active);background:var(--active);color:var(--accent-ink)}.connection-field{margin-top:0;margin-bottom:13px}.stage-panel{background:var(--signal-deep);grid-template-rows:48px minmax(520px,1fr) 36px;min-width:0;min-height:calc(100vh - 66px);display:grid}.stage-toolbar{z-index:4;border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:0 16px;display:flex;position:relative}.select-wrap{align-items:center;gap:10px;display:flex}.select-wrap span{color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.1em}select{-webkit-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--panel);min-height:28px;font:9px var(--font-geist-mono), monospace;letter-spacing:.05em;border-radius:0;padding:0 8px}.toolbar-divider{background:var(--line);width:1px;height:20px}.tool-button{color:var(--muted);font:9px var(--font-geist-mono), monospace;letter-spacing:.07em;background:0 0;border:0}.tool-button:hover,.tool-button.is-active{color:var(--paper)}.tool-button.random-all{border:1px solid var(--line-strong);min-height:28px;color:var(--active);padding:0 8px}.tool-button.random-all:hover{border-color:var(--active);background:var(--active);color:var(--accent-ink)}.tool-button.random-all.is-onboarding-target{border-color:var(--paper);background:var(--paper);color:var(--ink);animation:1.8s ease-in-out infinite easy-onboarding-pulse;box-shadow:0 0 0 4px #f1f2ef24,0 0 28px #f1f2ef2e}.tool-button.random-all kbd{border-color:currentColor;margin-left:4px}.tool-button.playback{margin-left:auto}.easy-toolbar-label{color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.12em;margin-right:auto}.tool-button.freeze-button{border:1px solid var(--line-strong);min-height:28px;padding:0 10px}.tool-button.freeze-button.is-active{border-color:var(--active);background:var(--active);color:var(--accent-ink)}.tool-button.freeze-button:disabled{opacity:.35}kbd{border:1px solid var(--line-strong);font:inherit;color:var(--active);padding:2px 4px}.easy-onboarding{z-index:8;border:1px solid var(--paper);background:var(--paper);width:min(360px,100vw - 32px);color:var(--ink);padding:18px 58px 18px 18px;position:absolute;top:calc(100% + 12px);right:16px;box-shadow:0 18px 60px #0000007a}.easy-onboarding:before{content:"";border-top:1px solid var(--paper);border-left:1px solid var(--paper);background:var(--paper);width:12px;height:12px;position:absolute;top:-7px;right:166px;transform:rotate(45deg)}.easy-onboarding-eyebrow{color:#1012149e;font:600 8px var(--font-geist-mono), monospace;letter-spacing:.14em;margin-bottom:9px;display:block}.easy-onboarding>strong{font:500 21px/1.2 var(--font-display);letter-spacing:.01em;display:block}.easy-onboarding p{color:#101214c2;margin:10px 0 0;font-size:11px;line-height:1.7}.easy-onboarding p b{color:var(--ink);font-family:var(--font-geist-mono), monospace;font-size:10px}.easy-onboarding-close{width:34px;min-width:34px;height:34px;color:var(--ink);font:400 18px/1 var(--font-geist-mono), monospace;background:0 0;border:1px solid #10121485;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}:is(.easy-onboarding-close:hover,.easy-onboarding-close:focus-visible){border-color:var(--ink);background:var(--ink);color:var(--paper)}.easy-onboarding-hint{font:600 8px var(--font-geist-mono), monospace;letter-spacing:.08em;border-top:1px solid #1012142e;margin-top:15px;padding-top:11px;display:block}@keyframes easy-onboarding-pulse{0%,to{box-shadow:0 0 0 4px #f1f2ef1f,0 0 20px #f1f2ef1f}50%{box-shadow:0 0 0 7px #f1f2ef33,0 0 34px #f1f2ef3d}}.canvas-bay{background:linear-gradient(#f1f2ef0b 1px, transparent 1px), linear-gradient(90deg, #f1f2ef0b 1px, transparent 1px), var(--signal-deep);background-size:24px 24px,24px 24px,auto;place-items:center;min-height:0;padding:28px 44px 38px;display:grid;position:relative;overflow:hidden}.canvas-bay:before,.canvas-bay:after{content:"";background:var(--line-strong);opacity:.5;position:absolute}.canvas-bay:before{width:1px;height:100%;top:0;left:50%}.canvas-bay:after{width:100%;height:1px;top:50%;left:0}.canvas-frame{z-index:1;width:var(--preview-width,min(100%, var(--preview-native-width,1280px)));height:var(--preview-height,auto);background:var(--panel-raised);border:0;max-width:100%;max-height:100%;position:relative;box-shadow:inset 0 0 0 1px #f1f2ef4d,0 24px 70px #0000009e}.canvas-frame canvas{object-fit:contain;width:100%;height:100%;display:block}.canvas-corner{color:#f1f2efc2;font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;pointer-events:none;background:#0a0c0ec7;padding:3px 5px;position:absolute;top:8px}.canvas-corner.top-left{left:8px}.canvas-corner.top-right{right:8px}.record-indicator{background:var(--paper);color:var(--signal);font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;padding:4px 7px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.record-indicator span{background:var(--signal);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.canvas-axis{z-index:2;color:var(--muted-dim);font:7px var(--font-geist-mono), monospace;letter-spacing:.12em;position:absolute}.axis-y{transform-origin:0 0;top:50%;left:13px;transform:rotate(-90deg)translate(-50%)}.axis-x{bottom:13px;left:50%;transform:translate(-50%)}.stage-status{border-top:1px solid var(--line);color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 14px;display:grid}.stage-status>div{align-items:center;gap:7px;min-width:0;display:flex}.stage-status>div:last-child{justify-content:flex-end}.status-message{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.timeline-readout{color:var(--paper)}.stage-status.tone-busy .status-led{background:var(--info);box-shadow:0 0 10px #f1f2ef75}.stage-status.tone-error{color:var(--danger)}.stage-status.tone-error .status-led{background:var(--danger);box-shadow:none;outline-offset:2px;outline:1px solid}.layer-list{border:1px solid var(--line)}.layer-toggle{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;width:100%;min-height:55px;padding:0 10px;display:grid}.layer-toggle:last-child{border-bottom:0}.layer-toggle:hover{background:#f1f2ef09}.layer-toggle:disabled{opacity:.36;cursor:not-allowed}.layer-toggle:disabled:hover{background:0 0}.layer-toggle strong,.layer-toggle small{display:block}.layer-toggle strong{color:var(--muted-strong);font:9px var(--font-geist-mono), monospace;letter-spacing:.04em}.layer-toggle small{color:var(--muted-soft);margin-top:3px;font-size:9px}.layer-mark{border:1px solid var(--line-strong);width:9px;height:9px}.layer-toggle.is-active .layer-mark{border-color:var(--active);background:var(--active);box-shadow:inset 0 0 0 2px var(--panel)}.toggle-state{color:var(--muted-dim);font:8px var(--font-geist-mono), monospace}.layer-toggle.is-active .toggle-state{color:var(--active)}.palette-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.palette-card{border:1px solid var(--line);text-align:left;background:0 0;min-width:0;padding:8px}.palette-card:hover,.palette-card.is-active{border-color:var(--active)}.palette-card:disabled{opacity:.34;cursor:not-allowed}.palette-card:disabled:hover{border-color:var(--line)}.palette-card small{color:var(--muted);font:7px var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;display:block;overflow:hidden}.palette-card.is-active small{color:var(--paper)}.swatches{grid-template-columns:1.3fr 1fr 1fr;height:15px;display:grid}.swatches i{display:block}.dither-palette-label{margin-top:14px}.dither-palette-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.dither-palette-grid .swatches{grid-template-columns:1fr 1fr}.dither-grain-scale{color:var(--muted-dim);font:7px var(--font-geist-mono), monospace;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-top:3px;display:flex}.dither-grain-scale span:last-child{text-align:right}.dither-grain-scale.is-disabled{opacity:.38}.dither-section>.layer-toggle{border:1px solid var(--line);margin-top:14px}.dither-section .dither-blend-field,.mode-block{margin-top:14px}.mini-label{color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;margin-bottom:6px;display:block}.mode-tabs{border:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);display:grid}.mode-tabs button{border:0;border-right:1px solid var(--line-strong);min-width:0;min-height:29px;color:var(--muted-soft);font:7px var(--font-geist-mono), monospace;background:0 0;padding:0 3px}.mode-tabs button:last-child{border-right:0}.mode-tabs button:hover{color:var(--paper)}.mode-tabs button.is-active{background:var(--active);color:var(--accent-ink)}.blend-field{margin-top:12px}.mini-note{color:var(--muted-soft);margin:9px 0 0;font-size:9px;line-height:1.5}.motion-mode-field{margin-top:0;margin-bottom:13px}.person-mode-field{margin-top:0}.person-status{border:1px solid var(--line);min-height:38px;color:var(--muted-soft);font:7px var(--font-geist-mono), monospace;letter-spacing:.06em;align-items:center;gap:8px;margin-top:12px;padding:5px 9px;display:flex}.person-status span{border:1px solid;border-radius:50%;width:6px;height:6px}.person-status strong,.person-status small{display:block}.person-status small{color:var(--muted-soft);letter-spacing:.04em;margin-top:3px;font-size:8px}.person-status.is-tracking{border-color:var(--active);color:var(--active)}.person-status.is-tracking span{background:var(--active);box-shadow:0 0 8px #f1f2ef6b}.person-status.is-tracking small{color:var(--muted)}.audio-drop{border:1px dashed var(--line-strong);text-align:left;background:#f1f2ef05;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:54px;padding:9px 10px;display:grid}.audio-drop:hover{border-color:var(--active);background:#f1f2ef12}.audio-drop strong,.audio-drop small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.audio-drop strong{color:var(--muted-strong);font:9px var(--font-geist-mono), monospace;letter-spacing:.04em}.audio-drop small{color:var(--muted-soft);margin-top:4px;font-size:8px}.audio-drop>b{color:var(--active);font:16px var(--font-geist-mono), monospace}.audio-wave{color:var(--active);font:9px var(--font-geist-mono), monospace;letter-spacing:-1px}.audio-toggles{border:1px solid var(--line);margin-top:10px}.audio-toggles .layer-toggle{min-height:46px}.audio-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.audio-actions button{border:1px solid var(--line-strong);min-height:30px;color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.06em;background:0 0}.audio-actions button:hover{border-color:var(--active);color:var(--active)}.seed-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;display:flex}.seed-row>span{color:var(--muted-strong);font:9px var(--font-geist-mono), monospace}.seed-row button{border:1px solid var(--line-strong);min-width:65px;min-height:26px;font:9px var(--font-geist-mono), monospace;background:0 0}.seed-row button:hover{border-color:var(--active);color:var(--active)}.field-label{margin-top:12px;display:block}.field-label>span{color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;margin-bottom:6px;display:block}.field-label select{width:100%;min-height:33px}.format-auto-note{color:var(--muted-soft);font:8px var(--font-geist-mono), monospace;letter-spacing:.05em;margin:7px 0 0}.export-stack{gap:7px;margin-top:14px;display:grid}.button.full{justify-content:space-between;align-items:center;width:100%;display:flex}.button.share-launch{background:var(--active);color:var(--accent-ink);border-color:var(--active)}.button.share-launch:hover{background:var(--active-hover);border-color:var(--active-hover)}.export-subheading{border-top:1px solid var(--line);color:var(--muted-dim);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;justify-content:space-between;gap:8px;margin-top:5px;padding:7px 1px 1px;display:flex}.export-subheading b{color:var(--muted-soft);font:inherit}.button.x-export{background:var(--paper);color:var(--accent-ink);border-color:var(--paper)}.button.x-export:hover{background:var(--active-hover);border-color:var(--active-hover)}.social-export-specs{gap:5px;margin-top:10px;display:grid}.social-export-specs>div{border:1px solid var(--line);color:var(--muted-soft);font:7px var(--font-geist-mono), monospace;letter-spacing:.035em;grid-template-columns:68px 1fr;align-items:center;gap:7px;padding:7px 8px;display:grid}.social-export-specs b{color:var(--paper);font:inherit}.social-export-specs span{text-align:right}.local-note{color:var(--muted-soft);margin:12px 0 0;font-size:9px;line-height:1.55}.share-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000db;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.share-dialog{background:linear-gradient(#f1f2ef0b 1px, transparent 1px), linear-gradient(90deg, #f1f2ef0b 1px, transparent 1px), var(--signal);background-size:36px 36px;border:1px solid #f1f2ef75;grid-template-rows:auto minmax(0,1fr);width:min(1120px,100%);max-height:calc(100dvh - 36px);display:grid;box-shadow:0 32px 90px #000000b8}.share-dialog-header{background:var(--paper);min-height:94px;color:var(--accent-ink);border-bottom:1px solid #10121447;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 22px 18px;display:flex}.share-dialog-header>div>span,.share-step-heading{color:var(--active);font:8px var(--font-geist-mono), monospace;letter-spacing:.12em}.share-dialog-header>div>span{color:var(--signal-deep)}.share-dialog-header h2{max-width:820px;font:400 clamp(21px, 2.5vw, 34px)/1.08 var(--font-display);letter-spacing:-.018em;margin:7px 0 4px}.share-dialog-header p{color:#101214ad;margin:0;font-size:11px}.share-dialog-header>button{width:42px;min-width:42px;height:42px;color:var(--accent-ink);font:22px/1 var(--font-geist-mono), monospace;background:0 0;border:1px solid #10121485}.share-dialog-header>button:hover{border-color:var(--signal);color:var(--signal-deep)}.share-dialog-body{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);min-height:0;display:grid}.share-settings,.share-handoff{min-width:0;padding:22px;overflow-y:auto}.share-settings{border-right:1px solid var(--line-strong)}.share-handoff{background:var(--signal-deep)}.share-step-heading{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.share-step-heading:not(:first-child){margin-top:22px}.share-step-heading b{color:var(--paper);font:inherit}.share-destinations{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.share-destinations button,.share-media-switch button,.share-credit-options button,.share-copy-actions button,.share-secondary-actions button{border:1px solid var(--line-strong);color:var(--muted);background:0 0}.share-destinations button{text-align:left;align-content:center;gap:4px;min-height:68px;padding:9px 7px;display:grid}.share-destinations strong{color:var(--paper);font:9px var(--font-geist-mono), monospace}.share-destinations small{font:8px var(--font-geist-mono), monospace}.share-destinations button.is-active,.share-media-switch button.is-active,.share-credit-options button.is-active{border-color:var(--active);background:var(--active);color:var(--accent-ink)}.share-media-switch{grid-template-columns:1fr 1fr;gap:6px;display:grid}.share-media-switch button{min-height:44px;font:9px var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.share-media-switch button span{color:var(--muted-dim)}.share-media-switch button:disabled{opacity:.35}.share-format-readout{border:1px solid var(--line);background:#f1f2ef05;gap:5px;margin-top:7px;padding:10px 12px;display:grid}.share-format-readout span{color:var(--active);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.share-format-readout strong{font:9px var(--font-geist-mono), monospace}.share-format-readout small{color:var(--muted-soft);font-size:8px;line-height:1.45}.share-credit-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.share-credit-options button{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;min-height:76px;padding:11px;display:grid}.share-credit-options span{color:var(--paper);font:8px var(--font-geist-mono), monospace}.share-credit-options strong{color:inherit;font:9px var(--font-geist-mono), monospace}.share-credit-options small{color:var(--muted-soft);grid-column:1/-1;font-size:8px}.share-trust-note{color:var(--muted-soft);margin:8px 0 0;font-size:8px;line-height:1.5}.share-caption-label{gap:9px;margin-top:22px;display:grid}.share-caption-label>span{color:var(--active);font:8px var(--font-geist-mono), monospace;letter-spacing:.12em}.share-caption-label textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--signal-deep);width:100%;min-height:144px;color:var(--paper);font:11px/1.6 var(--font-geist-mono), monospace;border-radius:0;padding:12px}.share-copy-actions,.share-secondary-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.share-copy-actions button,.share-secondary-actions button{min-height:38px;font:8px var(--font-geist-mono), monospace;letter-spacing:.06em}.share-copy-actions button:hover,.share-secondary-actions button:hover{border-color:var(--active);color:var(--active)}.share-artifact-preview{border:1px solid var(--line-strong);background:linear-gradient(#f1f2ef0a 1px, transparent 1px), linear-gradient(90deg, #f1f2ef0a 1px, transparent 1px), var(--signal-deep);background-size:24px 24px;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.share-artifact-preview:before,.share-artifact-preview:after{content:"";pointer-events:none;border-color:var(--active);opacity:.72;position:absolute}.share-artifact-preview:before{border:1px solid #f1f2ef3d;inset:12px}.share-artifact-preview:after{border-top:1px solid;border-left:1px solid;width:54px;height:54px;top:22px;left:22px}.share-artifact-preview>div{text-align:center;font-family:var(--font-geist-mono), monospace;gap:8px;display:grid}.share-artifact-preview>div span{color:var(--active);letter-spacing:.16em;font-size:10px}.share-artifact-preview>div strong{font:400 23px/1 var(--font-display)}.share-artifact-preview>div small{color:var(--muted);font-size:9px}.share-artifact-preview img,.share-artifact-preview video{z-index:1;object-fit:contain;background:var(--signal-deep);width:100%;max-height:440px;display:block;position:relative}.share-artifact-preview.is-ready:before,.share-artifact-preview.is-ready:after{display:none}.share-status{align-items:flex-start;gap:9px;min-height:46px;padding:11px 1px 8px;display:flex}.share-status .status-led{margin-top:4px}.share-status p{color:var(--muted-strong);font:9px/1.5 var(--font-geist-mono), monospace;margin:0}.share-primary-action{border:1px solid var(--active);background:var(--active);width:100%;min-height:56px;color:var(--accent-ink);font:9px var(--font-geist-mono), monospace;letter-spacing:.055em;text-align:left;justify-content:space-between;align-items:center;gap:14px;padding:0 16px;display:flex}.share-primary-action:hover{background:var(--active-hover)}.share-primary-action:disabled{opacity:.56}.share-primary-action span{font-size:18px}.share-platform-note{border:1px solid var(--line);margin-top:14px;padding:12px}.share-platform-note strong{color:var(--active);font:8px var(--font-geist-mono), monospace;letter-spacing:.1em}.share-platform-note p{color:var(--muted-soft);margin:7px 0 0;font-size:9px;line-height:1.55}.share-local-note{color:var(--muted-dim);margin:10px 1px 0;font-size:8px;line-height:1.5}.is-exporting .header-actions,.is-exporting .control-panel,.is-exporting .stage-toolbar{opacity:.62}@media (min-width:1181px){.studio-grid{height:calc(100vh - 66px);min-height:0}.control-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;height:100%;overflow-y:auto}.stage-panel{grid-template-rows:48px minmax(0,1fr) 36px;height:100%;min-height:0}}@media (max-width:1180px){.studio-grid,.mode-easy .studio-grid{grid-template-columns:256px minmax(440px,1fr)}.stage-panel{grid-template-rows:48px minmax(0,1fr) 36px;align-self:start;height:calc(100vh - 66px);min-height:0;position:sticky;top:66px}.right-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.mode-easy .right-panel{grid-template-columns:1fr}.right-panel .panel-section{border-right:1px solid var(--line)}}@media (max-width:780px){.share-backdrop{place-items:start stretch;padding:0}.share-dialog{border:0;width:100%;height:100dvh;max-height:none}.share-dialog-header{z-index:3;position:sticky;top:0}.share-dialog-body{display:block;overflow-y:auto}.share-settings,.share-handoff{overflow:visible}.share-settings{border-right:0;border-bottom:1px solid var(--line-strong)}.share-artifact-preview{min-height:280px}.topbar{grid-template-columns:1fr auto;height:auto;min-height:62px}.brand-block{border-right:0}.topbar-readout{display:none}.header-actions{padding:8px}.studio-grid{flex-direction:column;display:flex}.stage-panel{order:-1;grid-template-rows:auto auto 36px;align-self:stretch;width:100%;height:auto;min-height:auto;position:static}.stage-toolbar{flex-wrap:wrap;align-content:center;gap:8px 12px;min-height:92px;padding:8px 12px}.mode-easy .stage-toolbar{min-height:60px}.select-wrap{flex:1 0 100%}.select-wrap select{flex:1;min-height:36px}.tool-button{min-height:36px}.tool-button.playback{margin-left:0}.left-panel,.right-panel{border:0;grid-template-columns:1fr 1fr;display:grid}.panel-section{border-right:1px solid var(--line)}.source-section,.compact-section{grid-column:1/-1}.canvas-bay{min-height:520px;padding:24px 34px 34px}.canvas-frame{width:auto;height:auto;max-height:465px}.button,.shape-grid button,.mode-tabs button,.seed-row button,.audio-actions button,.field-label select{min-height:44px}input[type=range]{height:28px}input[type=range]::-webkit-slider-thumb{width:14px;height:22px;margin-top:-10px}}@media (max-width:520px){.share-dialog-header{min-height:82px;padding:14px}.share-dialog-header h2{margin-top:5px;font-size:19px}.share-dialog-header p{max-width:260px;font-size:9px;line-height:1.4}.share-dialog-header>button{width:40px;min-width:40px;height:40px}.share-settings,.share-handoff{padding:16px 14px}.share-destinations{grid-template-columns:1fr 1fr}.share-destinations button{min-height:62px}.share-credit-options{grid-template-columns:1fr}.share-caption-label textarea{min-height:132px;font-size:10px}.share-artifact-preview{min-height:230px}.share-artifact-preview img,.share-artifact-preview video{max-height:70dvh}.share-primary-action{min-height:58px}.topbar{grid-template-columns:minmax(0,1fr) auto;min-width:0}.brand-block{padding:0 10px}.brand-block,.header-actions{min-width:0}.brand-block small{display:none}.brand-wordmark{width:126px;height:15px}.header-actions{gap:6px;padding-inline:8px}.header-actions .button{padding:0 9px}.header-actions .header-export,.header-actions .button.ghost{display:none}.mode-switch{min-width:0;min-height:44px}.mode-switch a{min-width:44px;min-height:44px}.left-panel,.right-panel{display:block}.canvas-bay{min-height:470px;padding-inline:24px}.canvas-frame{max-width:calc(100vw - 48px);max-height:425px}.stage-toolbar{gap:7px 9px;min-height:134px;padding-inline:8px}.mode-easy .stage-toolbar{min-height:76px}.stage-toolbar .tool-button{flex:1 0 calc(50% - 9px);padding-inline:3px}.mode-easy .stage-toolbar .tool-button{white-space:nowrap;min-width:0}.mode-easy .easy-toolbar-label{text-align:center;flex:1 0 100%}.select-wrap span,.toolbar-divider,.tool-button kbd{display:none}.stage-status{grid-template-columns:1fr auto}.stage-status>div:last-child{display:none}.palette-grid{grid-template-columns:repeat(4,1fr)}.palette-card small{display:none}}@media (max-width:390px){.brand-block{padding-inline:8px}.brand-wordmark{width:112px;height:14px}.header-actions{gap:4px;padding-inline:6px}.mode-switch{min-height:44px}.mode-switch a{min-width:44px}.mode-pro .stage-toolbar,.mode-easy .stage-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;padding-block:10px;display:grid}.mode-pro .select-wrap,.mode-easy .easy-toolbar-label{grid-column:1/-1}.mode-easy .easy-toolbar-label{text-align:center;margin-right:0}.mode-pro .stage-toolbar .tool-button,.mode-easy .stage-toolbar .tool-button{letter-spacing:.04em;width:100%;min-width:0;min-height:44px;padding-inline:4px;font-size:8px}.mode-pro .tool-button.playback{margin-left:0}.canvas-bay{padding-inline:18px}.canvas-frame{max-width:calc(100vw - 36px)}.panel-section{padding-inline:14px}}@media (max-width:320px){.brand-wordmark{width:104px}.header-actions{padding-inline:4px}.mode-switch a{min-width:44px}.canvas-bay{padding-inline:12px}.canvas-frame{max-width:calc(100vw - 24px)}.panel-section{padding-inline:12px}.stage-status{padding-inline:8px}}@media (max-width:520px){.mode-easy .stage-toolbar{z-index:9;background:var(--signal-deep);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:52px;padding:4px 8px;display:grid;position:sticky;top:62px}.mode-easy .easy-toolbar-label{display:none}.mode-easy .stage-toolbar .tool-button{width:100%;min-width:0;min-height:44px;padding-inline:6px}.mode-easy .easy-onboarding{width:calc(100vw - 16px);padding:16px 56px 16px 16px;top:calc(100% + 8px);right:8px}.mode-easy .easy-onboarding-close{width:44px;min-width:44px;height:44px;top:10px;right:10px}.mode-easy .easy-onboarding:before{left:25%;right:auto;transform:translate(-50%)rotate(45deg)}.mode-easy .easy-onboarding>strong{font-size:19px}.mode-easy .easy-onboarding p{font-size:10px}.mode-easy .canvas-bay{background:var(--signal-deep);min-height:0;padding:0}.mode-easy .canvas-bay:before,.mode-easy .canvas-bay:after,.mode-easy .canvas-axis,.mode-easy .canvas-corner{display:none}.mode-easy .canvas-frame{width:100%;max-width:none;max-height:none;box-shadow:none;border-inline:0}.mode-easy .stage-status{min-height:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}