/*! 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-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-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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.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,)}}@font-face{font-family:Matter;src:url(/fonts/Matter-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Matter;src:url(/fonts/Matter-RegularItalic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Matter;src:url(/fonts/Matter-Medium.woff2)format("woff2");font-style:normal;font-weight:500 900;font-display:swap}@font-face{font-family:Matter;src:url(/fonts/Matter-MediumItalic.woff2)format("woff2");font-style:italic;font-weight:500 900;font-display:swap}@font-face{font-family:Matter Mono;src:url(/fonts/MatterMono-Regular.woff2)format("woff2");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Kalice;src:url(/fonts/Kalice-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Kalice;src:url(/fonts/Kalice-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}main{min-height:100vh;padding:0 42px}header{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr 1fr;align-items:center;height:82px;display:grid}.brand{color:var(--ink);letter-spacing:-.04em;font-size:18px;font-weight:900;text-decoration:none}.brand span{color:var(--red);margin-left:5px;font-size:11px}.tagline{justify-self:center;margin:0;font-family:Georgia,serif;font-size:13px;font-style:italic}.export{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:3px 3px 0 var(--ink);background:0 0;justify-self:end;padding:10px 14px;font-size:11px;font-weight:800;transition:all .15s}.export:hover{box-shadow:1px 1px 0 var(--ink);background:var(--red);color:#fff;transform:translate(2px,2px)}.intro{justify-content:space-between;align-items:flex-end;padding:48px 0 44px;display:flex}.eyebrow{color:var(--red);letter-spacing:.15em;margin:0 0 13px;font-size:10px;font-weight:900}h1{letter-spacing:-.075em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,7vw,104px);font-weight:400;line-height:.76}h1 em{color:var(--red);font-weight:400}.lede{max-width:390px;margin:0 0 3px;font-family:Georgia,serif;font-size:17px;line-height:1.55}.workspace{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);min-height:440px;display:grid}.panel{min-width:0;padding:18px 0 20px}.upload-panel{padding-right:20px}.result-panel{padding-left:20px}.panel-head,.control-head,.file-meta{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:9px;font-weight:900;display:flex}.panel-head{margin-bottom:14px}.dropzone{cursor:pointer;background:#ded8cc;border:0;width:100%;height:360px;padding:0;display:block;position:relative;overflow:hidden}.dropzone canvas{object-fit:cover;filter:contrast(1.05);width:100%;height:100%;display:block}.dropzone.dragging{outline:4px solid var(--red);outline-offset:-4px}.replace{border:1px solid var(--ink);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;opacity:0;background:#f3efe5eb;padding:8px 10px;font-size:9px;font-weight:800;transition:all .2s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.dropzone:hover .replace,.dropzone:focus .replace{opacity:1}.file-meta{color:#6e695e;margin-top:10px}.controls{border-left:1px solid var(--ink);border-right:1px solid var(--ink);padding:18px 22px}.control-head{border-bottom:1px solid var(--line);padding-bottom:18px}.controls label{border-bottom:1px solid var(--line);padding:24px 0 18px;display:block}.controls label>span{justify-content:space-between;align-items:baseline;display:flex}.controls b{text-transform:uppercase;letter-spacing:.08em;font-size:12px}output{color:var(--red);font-family:Georgia,serif;font-size:18px;font-style:italic}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--ink);width:100%;height:2px;margin:23px 0 8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--red);border:2px solid var(--paper);width:14px;height:14px;box-shadow:0 0 0 1px var(--ink);cursor:grab;border-radius:50%}label small{color:#777165;letter-spacing:.12em;justify-content:space-between;font-size:7px;font-weight:900;display:flex}.switch-row{justify-content:space-between;align-items:center;padding:21px 0;display:flex}.switch-row>span{flex-direction:column;gap:5px;display:flex}.switch-row small{color:#777165;font-size:9px}.switch{border:1px solid var(--ink);cursor:pointer;background:0 0;width:37px;height:20px;padding:2px}.switch i{background:var(--ink);width:14px;height:14px;transition:all .2s;display:block}.switch.on i{background:#fff;transform:translate(15px)}.tip{background:#e4ded1;gap:10px;margin-top:18px;padding:14px;font-family:Georgia,serif;font-size:11px;line-height:1.4;display:flex}.tip span{color:var(--red)}.tip p{margin:0}.tip b{margin-bottom:3px;font-family:Arial,sans-serif;font-size:8px;display:block}.pixel-stage{background:#e8e2d7;justify-content:center;align-items:center;width:100%;height:360px;display:flex;overflow:hidden}.pixel-stage canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:sepia(.08)}.grid-on canvas{background-image:linear-gradient(#1e1e1924 1px,#0000 1px),linear-gradient(90deg,#1e1e1924 1px,#0000 1px);background-size:calc(100%/var(--cells)) calc(100%/var(--cells))}footer{letter-spacing:.13em;color:#69645a;justify-content:space-between;padding:17px 0 28px;font-size:8px;font-weight:800;display:flex}@media (max-width:900px){main{padding:0 20px}.intro{align-items:flex-start;gap:24px}.workspace{grid-template-columns:1fr 250px}.result-panel{border-top:1px solid var(--ink);grid-column:1/-1;padding:18px 0 20px}.pixel-stage{height:480px}.lede br{display:none}}@media (max-width:650px){header{grid-template-columns:1fr auto}.tagline{display:none}.intro{padding:36px 0 30px;display:block}.lede{margin-top:28px}.workspace{display:block}.upload-panel,.result-panel{padding:18px 0 20px}.controls{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0}.dropzone,.pixel-stage{height:360px}footer{gap:20px;line-height:1.5}}.pixel-stage{position:relative}.grid-on:after{content:"";pointer-events:none;background-image:linear-gradient(#1e1e192e 1px,#0000 1px),linear-gradient(90deg,#1e1e192e 1px,#0000 1px);background-size:calc(100%/var(--cells)) calc(100%/var(--cells));position:absolute;inset:0}.brand span,.eyebrow,h1 em,output,.tip span{color:#555}.export:hover{background:#202020}.status{color:#555}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"source result""controls controls"}.upload-panel{grid-area:source;padding-right:20px}.result-panel{border-left:1px solid var(--ink);grid-area:result;padding-left:20px}.controls{border:0;border-top:1px solid var(--ink);grid-area:controls;grid-template-columns:180px minmax(180px,1fr) minmax(180px,1fr) 180px minmax(190px,.8fr);align-items:center;gap:24px;padding:18px 0;display:grid}.control-head{border:0;border-right:1px solid var(--line);align-items:flex-start;height:100%;padding:0 24px 0 0}.controls label{border:0;border-right:1px solid var(--line);padding:0 24px 0 0}.switch-row{border-right:1px solid var(--line);padding:0 24px 0 0}.tip{margin:0}@media (max-width:900px){.workspace{grid-template-columns:1fr 1fr;grid-template-areas:"source result""controls controls"}.result-panel{border-top:0;grid-column:auto;padding:18px 0 20px 20px}.controls{grid-template-columns:1fr 1fr}.control-head,.tip{grid-column:1/-1}.control-head{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:0 0 14px}}@media (max-width:650px){.workspace{grid-template-columns:1fr;grid-template-areas:"source""result""controls";display:grid}.result-panel{border-left:0;border-top:1px solid var(--ink);padding-left:0}.controls{grid-template-columns:1fr;display:grid}.control-head,.tip{grid-column:auto}.controls label,.switch-row{border-right:0;border-bottom:1px solid var(--line);padding:14px 0}}.control-head{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1;height:auto;padding:0 0 12px}.pixel-stage canvas{image-rendering:auto}@media (max-width:900px){.controls{grid-template-columns:1fr 1fr}.control-head,.tip{grid-column:1/-1}}@media (max-width:650px){.controls{grid-template-columns:1fr}.control-head,.tip{grid-column:auto}}.tip{grid-column:2/4}@media (max-width:900px){.controls{grid-template-columns:1fr 1fr}.tip{grid-column:1/-1}}@media (max-width:650px){.controls{grid-template-columns:1fr}.tip{grid-column:auto}}.intro h1{letter-spacing:-.065em;font-size:clamp(54px,6vw,88px);line-height:.88}.controls,.controls output,.controls .tip{font-family:Arial,Helvetica,sans-serif;font-style:normal}.controls output{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.intro h1 em{color:var(--ink)}.export{box-shadow:none}.export:hover{box-shadow:none;transform:none}.export{align-items:center;height:24px;padding:0 10px;display:inline-flex}.controls{grid-template-columns:repeat(3,minmax(190px,1fr))}.palette-card{border-right:1px solid var(--line);justify-content:space-between;align-items:center;min-height:56px;padding-right:24px;display:flex}.palette-card>span{flex-direction:column;gap:5px;display:flex}.palette-card b{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.palette-card small{color:#777165;letter-spacing:.12em;font-size:7px;font-weight:900}.swatches{grid-template-columns:repeat(8,18px);gap:2px;display:grid}.swatches i{border:1px solid var(--line);width:18px;height:18px}.swatches i.empty{border-color:var(--line);background:#000!important}.muted-control{opacity:.4}.controls input:disabled{cursor:not-allowed}.dropzone canvas,.pixel-stage canvas{filter:contrast(1.04)}.dropzone,.pixel-stage{height:auto}.dropzone canvas,.pixel-stage canvas{object-fit:contain}@media (min-width:651px){.dropzone,.pixel-stage{height:auto;max-height:482px;margin-left:auto;margin-right:auto}}.controls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:0}.control-head{grid-column:1/-1;margin-bottom:0;padding:0 0 14px}.control-group{border-right:1px solid var(--line);min-width:0;padding:22px 26px 4px}.control-group:first-of-type{padding-left:0}.control-group:last-of-type{border-right:0;padding-right:0}.control-group h2{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin:0 0 10px;padding-bottom:14px;font-size:12px;line-height:1;display:flex}.control-group h2 span{color:#777165;font-size:9px}.control-group h2 strong{font:inherit;flex:1}.control-group h2 button{color:#999993;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;padding:0;font-family:Matter Mono,monospace;font-size:8px;line-height:1;transition:color .16s}:is(.control-group h2 button:hover,.control-group h2 button:focus-visible){color:#eaf845}.controls .control-group label{border-right:0;border-bottom:1px solid var(--line);padding:19px 0 17px}.controls .control-group .switch-row,.controls .control-group .palette-card{border-right:0;border-bottom:1px solid var(--line);padding:19px 0}@media (max-width:900px){.controls{grid-template-columns:1fr}.control-group,.control-group:first-of-type,.control-group:last-of-type{border-right:0;padding:22px 0 4px}.control-group+.control-group{border-top:1px solid var(--ink)}}.color-picker-row input[type=color]{border:1px solid var(--ink);cursor:pointer;background:0 0;width:100%;height:34px;margin-top:14px;padding:0;display:block}.color-picker-row input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.color-picker-row input[type=color]::-webkit-color-swatch{border:0}.export-backdrop{z-index:50;background:#1717176b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.export-dialog{background:var(--paper);border:1px solid var(--ink);width:min(390px,100%);padding:28px;position:relative}.export-dialog>p{color:#777165;letter-spacing:.14em;margin:0 0 10px;font-size:9px;font-weight:900}.export-dialog>h2{letter-spacing:-.03em;margin:0 0 24px;font-family:Georgia,serif;font-size:28px;font-weight:400}.dialog-close{cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:12px;right:14px}.export-choice{border:1px solid var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:14px;width:100%;padding:13px;display:flex}.export-choice+.export-choice{margin-top:9px}.export-choice>span:last-child{flex-direction:column;gap:4px;display:flex}.export-choice b{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.export-choice small{color:#777165;letter-spacing:.08em;font-size:8px}.background-swatch,.transparent-swatch{border:1px solid var(--ink);flex:0 0 42px;width:42px;height:42px}.transparent-swatch{background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.motion-swatch{border:1px solid var(--ink);flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.export-choice:disabled{opacity:.55;cursor:wait}.footer-mark{align-items:center;gap:8px;display:inline-flex}.footer-mark img{mix-blend-mode:multiply;width:24px;height:24px;display:block}.workspace{grid-template-areas:"source result""export export""controls controls"}.export-bar{border-top:0;border-bottom:1px solid var(--line);grid-area:export;justify-content:flex-end;padding:14px 0;display:flex}.export-bar .export{background:var(--ink);min-width:92px;color:var(--paper);justify-content:center}.workspace>.controls{border-top:0}@media (max-width:900px){.workspace{grid-template-areas:"source result""export export""controls controls"}}@media (max-width:650px){.workspace{grid-template-areas:"source""result""export""controls"}.export-bar{padding:14px 0}}input[type=range]::-webkit-slider-thumb{box-shadow:none;border:0}.build-number{letter-spacing:.13em;justify-self:end;font-size:9px;font-weight:900}:root{--paper:#151515;--ink:#fafafa;--red:#a9a9a2;--line:#464642}html,body{background:#151515}.eyebrow,.status,output,.file-meta,label small,.switch-row small,.palette-card small,.export-dialog>p,.export-choice small,footer{color:#999993}.dropzone{background:#2a2a28}.replace{color:var(--ink);background:#151515e6}.switch.on{background:#c0a8ff}.switch.on i{background:#151515}.export-bar .export{background:var(--ink);color:var(--paper)}.export-bar .export:hover{background:var(--paper);color:var(--ink)}.export-backdrop{background:#000000b8}:is(.export-choice:hover,.export-choice:focus-visible){background:#292927}.background-swatch,.transparent-swatch,.motion-swatch{border-color:#888882}.footer-mark img{filter:invert();mix-blend-mode:normal}body,button,input{font-family:Matter,Arial,Helvetica,sans-serif}.brand,.controls b,.control-group h2,.export,.export-choice b{font-family:Matter,Arial,Helvetica,sans-serif;font-weight:500}.lede{font-family:Matter,Arial,Helvetica,sans-serif}h1,.export-dialog>h2{font-family:Kalice,Georgia,serif;font-weight:400}.controls output{font-family:Matter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:500}.eyebrow,.panel-head,.control-head,.file-meta,.build-number,footer,label small,.palette-card small,.switch-row small,.export-dialog>p,.export-choice small{font-family:Matter Mono,monospace}.intro h1{letter-spacing:-.02em;font-style:normal}input[type=range]::-moz-range-thumb{background:var(--ink);width:14px;height:14px;box-shadow:none;border:0;border-radius:50%}input[type=range]::-webkit-slider-thumb{background:var(--ink);transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .14s;transform:scale(.85)}input[type=range]::-moz-range-thumb{transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .14s;transform:scale(.85)}.drag-scale{grid-template-columns:repeat(3,1fr);display:grid}.drag-scale span:nth-child(2){text-align:center}.drag-scale span:last-child{text-align:right}.brand{align-items:center;gap:11px;width:max-content;display:inline-flex}.brand img{object-fit:contain;width:38px;height:38px;display:block}.brand .brand-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-family:Kalice,Georgia,serif;font-size:38px;font-weight:400;line-height:1}.workspace,.result-panel,.export-bar{border-color:var(--line)}.controls .control-group label,.controls .control-group .switch-row,.controls .control-group .palette-card,.custom-shape-row,.seed-row{transition:background-color .16s,color .16s}.controls .control-group label:hover,.controls .control-group .switch-row:hover,.controls .control-group .palette-card:hover,.custom-shape-row:hover,.seed-row:hover{background:#232329}.controls label:hover output{color:var(--ink)}.controls label:hover input[type=range],.controls label:focus-within input[type=range]{background:#c0a8ff}.controls label:hover input[type=range]::-webkit-slider-thumb{background:#c0a8ff}.controls label:focus-within input[type=range]::-webkit-slider-thumb{background:#c0a8ff}.controls label:hover input[type=range]::-moz-range-track{background:#c0a8ff}.controls label:hover input[type=range]::-moz-range-thumb{background:#c0a8ff}.controls label:focus-within input[type=range]::-moz-range-track{background:#c0a8ff}.controls label:focus-within input[type=range]::-moz-range-thumb{background:#c0a8ff}.controls label:hover input[type=range]::-webkit-slider-thumb{transform:scale(1)}.controls label:hover input[type=range]::-moz-range-thumb{transform:scale(1)}.controls input[type=range]:active::-webkit-slider-thumb{transform:scale(1)}.controls input[type=range]:active::-moz-range-thumb{transform:scale(1)}.controls label>span{align-items:center}.controls input[type=range]{display:block}.controls input[type=range]::-moz-range-track{background:var(--ink);height:2px}.discrete-scale{justify-content:space-between;margin-left:7px;margin-right:7px;display:flex!important}.discrete-scale span{text-align:center;white-space:nowrap;justify-content:center;width:0;display:flex}.discrete-scale span:first-child{text-align:left;justify-content:flex-start;transform:translate(-7px)}.discrete-scale span:last-child{text-align:right;justify-content:flex-end;transform:translate(7px)}.custom-shape-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:19px 0;display:flex}.custom-shape-row>span{flex-direction:column;gap:5px;min-width:0;display:flex}.custom-shape-row b{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.custom-shape-row small{text-overflow:ellipsis;white-space:nowrap;color:#777165;max-width:150px;font-size:8px;overflow:hidden}.custom-shape-row button{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;background:0 0;flex:none;padding:7px 9px;font-size:8px;font-weight:900}.custom-shape-row button:hover{background:var(--ink);color:var(--paper)}.custom-shape-row small{color:#999993;font-family:Matter Mono,monospace;font-size:9px}.live-dot{color:#eaf845}.replace{place-items:center;width:max-content;height:max-content;margin:auto;display:grid;inset:0;transform:none}.seed-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:19px 0;display:flex}.seed-row>span{flex-direction:column;gap:5px;display:flex}.seed-row b{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.seed-row small{color:#999993;font-family:Matter Mono,monospace;font-size:9px}.seed-row button,.video-controls button{border:1px solid var(--ink);color:var(--ink);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;background:0 0;padding:7px 9px;font-family:Matter Mono,monospace;font-size:8px}:is(.seed-row button:hover,.seed-row button:focus-visible,.video-controls button:hover,.video-controls button:focus-visible,.video-controls button.active){color:#151515;background:#c0a8ff;border-color:#c0a8ff}.video-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:10px 0;display:grid}.video-controls label{color:#999993;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;font-family:Matter Mono,monospace;font-size:8px;display:grid}.video-controls label span:last-child{text-align:right}.video-controls input[type=range]{margin:0}.video-controls-placeholder{min-height:51px}@media (min-width:901px){header{z-index:20;background:var(--paper);position:sticky;top:0}.sticky-studio{z-index:10;background:var(--paper);position:sticky;top:82px}.upload-panel:after,.result-panel:after{content:"";background:linear-gradient(var(--paper),transparent);pointer-events:none;height:18px;position:absolute;bottom:-18px;left:0;right:0}.controls,.export-bar{z-index:1;position:relative}}.workspace{display:block}.sticky-studio{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"source result""export export";display:grid}.sticky-studio .upload-panel{grid-area:source}.sticky-studio .result-panel{grid-area:result}.sticky-studio .export-bar{grid-area:export}@media (max-width:650px){.sticky-studio{grid-template-columns:1fr;grid-template-areas:"source""result""export";display:grid}}@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}