/*! tailwindcss v4.3.3 | 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,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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:"Instrument Sans Variable", ui-sans-serif, system-ui, sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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}.blur{--tw-blur:blur(8px);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,)}}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--radius:10px;--gap:clamp(12px, 1.6vw, 20px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-paper{--paper:oklch(97.8% .006 85);--paper-2:oklch(95.5% .009 82);--paper-3:oklch(92.5% .011 80);--ink:oklch(23% .012 60);--ink-2:oklch(43% .013 60);--ink-3:oklch(60% .012 65);--rule:oklch(23% .012 60/.13);--rule-strong:oklch(23% .012 60/.28);--accent:#cf3a22;--accent-soft:oklch(60% .17 33/.12);--on-accent:oklch(98.5% .005 85);--gizmo:#2a2622;--shadow:0 1px 0 oklch(100% 0 0/.6) inset, 0 10px 30px -18px oklch(30% .03 60/.35), 0 2px 6px -3px oklch(30% .03 60/.18);--scrim:oklch(97.8% .006 85/.9)}.theme-ink{--paper:oklch(20% .008 60);--paper-2:oklch(24% .009 60);--paper-3:oklch(29% .01 60);--ink:oklch(93% .012 85);--ink-2:oklch(76% .012 80);--ink-3:oklch(58% .012 75);--rule:oklch(93% .012 85/.12);--rule-strong:oklch(93% .012 85/.26);--accent:#e0553a;--accent-soft:oklch(66% .17 35/.16);--on-accent:oklch(99% .004 85);--gizmo:#ece6da;--shadow:0 1px 0 oklch(100% 0 0/.05) inset, 0 16px 40px -20px oklch(0% 0 0/.8), 0 2px 8px -3px oklch(0% 0 0/.5);--scrim:oklch(20% .008 60/.9);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:clip}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#efece6;font-size:13px;line-height:1.4}.app{color:var(--ink);font-feature-settings:"ss01", "tnum";transition:color .4s var(--ease-out);position:fixed;inset:0}.viewport{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.viewport[data-tool=orbit]{cursor:grab}.viewport[data-tool=orbit]:active{cursor:grabbing}.viewport[data-tool=drop],.viewport[data-tool=pour],.viewport[data-tool=swirl],.viewport[data-tool=pulse],.viewport[data-tool=stir]{cursor:crosshair}.viewport[data-outside="1"]{cursor:grab}.viewport[data-outside="1"]:active{cursor:grabbing}.sheet{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow)}.hair{background:var(--rule);border:0;height:1px;margin:0}.btn{appearance:none;border:1px solid var(--rule);background:var(--paper);height:34px;color:var(--ink);font:inherit;cursor:pointer;transition:background .16s, border-color .16s, transform .16s var(--ease-out), color .16s;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:540;display:inline-flex}.btn:hover{background:var(--paper-2);border-color:var(--rule-strong)}.btn:active{transform:translateY(1px)scale(.985)}.btn:focus-visible,.tool:focus-visible,.seg button:focus-visible,.tab:focus-visible,.pot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn[disabled]{opacity:.4;pointer-events:none}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--paper-2)}.btn.icon{width:34px;padding:0}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn.primary:hover{filter:brightness(1.06);background:var(--accent)}.btn.small{height:28px;padding:0 10px;font-size:12px}.seg{background:var(--paper-2);border:1px solid var(--rule);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg button{appearance:none;color:var(--ink-2);font:inherit;cursor:pointer;height:26px;transition:background .18s var(--ease-out), color .18s;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 10px;font-weight:520}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px oklch(0% 0 0/.08), 0 0 0 1px var(--rule)}.seg.full{display:flex}.seg.full button{flex:1}.field{gap:6px;padding:9px 0;display:grid}.field-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.label{color:var(--ink-2);font-size:12px;font-weight:540}.value{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.help{color:var(--ink-3);margin:2px 0 0;font-size:11.5px;line-height:1.45}.slider{--p:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) 0 var(--p), var(--rule-strong) var(--p) 100%);border-radius:3px;height:3px}.slider::-moz-range-track{background:var(--rule-strong);border-radius:3px;height:3px}.slider::-moz-range-progress{background:var(--ink);border-radius:3px;height:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:1.5px solid var(--ink);width:15px;height:15px;transition:transform .15s var(--ease-out);border-radius:50%;margin-top:-6px;box-shadow:0 1px 3px oklch(0% 0 0/.18)}.slider::-moz-range-thumb{background:var(--paper);border:1.5px solid var(--ink);border-radius:50%;width:13px;height:13px}.slider:active::-webkit-slider-thumb{transform:scale(1.18)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex;position:relative}.switch{background:var(--rule-strong);width:32px;height:18px;transition:background .2s var(--ease-out);border-radius:10px;flex:none;position:relative}.switch:after{content:"";background:var(--paper);width:14px;height:14px;transition:transform .22s var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(0% 0 0/.25)}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle input:checked+.switch{background:var(--ink)}.toggle input:checked+.switch:after{transform:translate(14px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.toggle:has(input:disabled){cursor:default}.toggle input:disabled+.switch{opacity:.45}.topbar{top:var(--gap);left:var(--gap);right:var(--gap);pointer-events:none;z-index:5;align-items:center;gap:14px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:12px;padding:4px 6px 4px 4px;display:flex}.mark{align-items:center;gap:10px;display:flex}.seal{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:5px;place-items:center;display:grid;transform:rotate(-2deg);box-shadow:inset 0 0 0 1px oklch(0% 0 0/.06)}.wordmark{font-family:var(--font-serif);letter-spacing:-.01em;font-size:27px;line-height:1}.title-input{font-family:var(--font-serif);color:var(--ink-2);background:0 0;border:0;border-bottom:1px dashed #0000;outline:none;width:16ch;padding:2px;font-size:18px;font-style:italic;transition:border-color .2s}.title-input:hover,.title-input:focus{border-bottom-color:var(--rule-strong);color:var(--ink)}.spacer{flex:1}.topbar .readout{padding:6px 10px}.readout{color:var(--ink-3);letter-spacing:.01em;white-space:nowrap;text-align:right;font-size:11.5px;line-height:1.25}.readout b{color:var(--ink-2);font-weight:560}.rail{left:var(--gap);z-index:4;flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;top:50%;transform:translateY(-58%)}.tool{appearance:none;width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .16s,color .16s;display:grid;position:relative}.tool:hover{background:var(--paper-2);color:var(--ink)}.tool[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.tool .key{color:var(--ink-3);opacity:0;font-size:9px;font-weight:600;transition:opacity .2s;position:absolute;bottom:3px;right:4px}.rail:hover .tool .key{opacity:1}.rail-sep{background:var(--rule);height:1px;margin:4px 6px}.tool-options{left:calc(var(--gap) + 66px);z-index:4;width:232px;animation:rise .28s var(--ease-out);padding:10px 14px 6px;position:absolute;top:50%;transform:translateY(-58%)}.tool-options h3{font-family:var(--font-serif);margin:0;font-size:20px;font-weight:400;line-height:1.1}.tool-options .how{color:var(--ink-3);margin:3px 0 4px;font-size:11.5px}.palette{align-items:center;gap:6px;display:flex}.pot{appearance:none;cursor:pointer;background:var(--c);width:30px;height:30px;transition:transform .2s var(--ease-out);border:0;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 -3px 6px oklch(0% 0 0/.22),inset 0 2px 3px oklch(100% 0 0/.28),0 0 0 1px oklch(0% 0 0/.1),0 0 0 2px oklch(98.5% .005 85/.9)}.pot:after{content:"";border:1.5px solid #0000;border-radius:50%;transition:border-color .2s;position:absolute;inset:-4px}.pot:hover{transform:translateY(-2px)}.pot[aria-pressed=true]:after{border-color:var(--ink)}.pot.cloudy{background:radial-gradient(circle at 35% 30%, oklch(100% 0 0/.55), transparent 55%), var(--c)}.palette-dock{left:var(--gap);bottom:calc(var(--gap) + 104px);z-index:4;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute}.palette-dock .ink-name{font-family:var(--font-serif);min-width:7ch;color:var(--ink-2);font-size:16px;font-style:italic}.inspector{right:var(--gap);top:calc(var(--gap) + 52px);width:312px;max-height:calc(100% - var(--gap) * 2 - 52px - 170px);z-index:4;animation:rise .3s var(--ease-out);flex-direction:column;display:flex;position:absolute;overflow:clip}.tabs{border-bottom:1px solid var(--rule);gap:16px;padding:12px 16px 0;display:flex}.tab{appearance:none;font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:4px 0 10px;font-weight:540;transition:color .16s;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--ink)}.tab[aria-selected=true]:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-close{align-self:center;margin-bottom:6px;margin-left:auto}.panel{scrollbar-width:thin;padding:6px 16px 16px;overflow:auto}.panel h4{font-family:var(--font-serif);margin:12px 0 2px;font-size:19px;font-weight:400;line-height:1.15}.panel .kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:16px 0 2px;font-size:10.5px;font-weight:600}.row{align-items:center;gap:8px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ink-grid{grid-template-columns:repeat(6,1fr);justify-items:center;gap:10px 6px;padding:12px 0 8px;display:grid}.ink-grid .add{border:1.5px dashed var(--rule-strong);width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.ink-grid .add:hover{color:var(--ink);border-color:var(--ink-2)}.swatch-row{grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 0;display:grid}.studio-card{appearance:none;border:1px solid var(--rule);cursor:pointer;text-align:left;font:inherit;color:var(--ink-2);background:0 0;border-radius:8px;padding:0;transition:border-color .2s;overflow:hidden}.studio-card .chip{background:var(--chip);height:38px;position:relative}.studio-card .chip:after{content:"";background:var(--blot);filter:blur(3px);opacity:.85;border-radius:45% 55% 50% 50%;width:28%;height:50%;position:absolute;top:30%;left:36%}.studio-card span{padding:4px 6px 5px;font-size:11px;font-weight:540;display:block}.studio-card[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.color-field{align-items:center;gap:10px;display:flex}.color-field input[type=color]{appearance:none;border:1px solid var(--rule-strong);background:var(--paper);cursor:pointer;border-radius:7px;width:44px;height:30px;padding:2px}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.text-input{font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:7px;outline:none;width:100%;height:30px;padding:0 9px}.text-input:focus{border-color:var(--ink-2)}.note{color:var(--ink-2);background:var(--paper-2);border-radius:8px;margin:8px 0;padding:8px 10px;font-size:11.5px;line-height:1.45}.timeline{left:var(--gap);right:var(--gap);bottom:var(--gap);z-index:4;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:92px;padding:0 18px 0 12px;display:grid;position:absolute}.transport{align-items:center;gap:2px;display:flex}.play{background:var(--ink);width:50px;height:50px;color:var(--paper);cursor:pointer;transition:transform .18s var(--ease-out), background .2s;border:0;border-radius:50%;place-items:center;margin:0 6px;display:grid}.play:hover{transform:scale(1.04)}.play:active{transform:scale(.96)}.play[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.clock{gap:3px;min-width:92px;margin-left:6px;display:grid}.clock .time{align-items:baseline;gap:3px;display:flex}.clock .phase{color:var(--ink-3);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;line-height:1;display:flex}.clock .phase:before{content:"";background:var(--ink-3);border-radius:50%;flex:none;width:6px;height:6px}.clock .phase[data-phase=replaying]:before{background:oklch(62% .13 155)}.clock .phase[data-phase=simulating]:before,.clock .phase[data-phase=catching-up]:before{background:var(--accent);animation:phase-pulse 1.1s var(--ease-out) infinite alternate}.clock .phase[data-phase=resimulating]:before{animation:phase-pulse 1.1s var(--ease-out) infinite alternate;background:oklch(74% .14 75)}@keyframes phase-pulse{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.clock .phase:before{animation:none!important}}.clock .t{font-family:var(--font-serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.clock .u{color:var(--ink-3);font-size:12px}.track{cursor:ew-resize;touch-action:none;height:64px;position:relative}.track canvas{width:100%;height:100%;position:absolute;inset:0}.track-meta{justify-items:end;gap:4px;display:grid}.event-card{bottom:calc(var(--gap) + 104px);z-index:6;width:250px;animation:rise .22s var(--ease-out);padding:10px 12px;position:absolute;transform:translate(-50%)}.event-card .ttl{font-family:var(--font-serif);font-size:18px}.event-card .meta{color:var(--ink-3);margin-bottom:4px;font-size:11.5px}.camera-controls{right:var(--gap);bottom:calc(var(--gap) + 104px);z-index:3;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.camera-controls .tool{width:36px;height:36px}.camera-controls .rail-sep{width:1px;height:22px;margin:0 3px}.material-grid{grid-template-columns:repeat(4,1fr);gap:10px 4px;padding:8px 0 4px;display:grid}.material-swatch{appearance:none;cursor:pointer;font:inherit;color:var(--ink-3);background:0 0;border:0;justify-items:center;gap:5px;padding:2px;display:grid}.material-swatch .ball{width:34px;height:34px;transition:transform .2s var(--ease-out);border-radius:50%;position:relative;box-shadow:0 0 0 1px oklch(0% 0 0/.1),0 3px 6px -3px oklch(0% 0 0/.35)}.material-swatch .ball:after{content:"";border:1.5px solid #0000;border-radius:50%;transition:border-color .2s;position:absolute;inset:-4px}.material-swatch:hover .ball{transform:translateY(-2px)}.material-swatch[aria-checked=true]{color:var(--ink)}.material-swatch[aria-checked=true] .ball:after{border-color:var(--ink)}.material-swatch .name{text-align:center;font-size:10.5px;font-weight:540;line-height:1.15}.material-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.env-row{grid-template-columns:repeat(4,1fr)}.studio-card .chip.plain:after{display:none}.studio-card[aria-checked=true]{border-color:var(--ink);color:var(--ink)}.tabs{align-items:flex-end;gap:14px;padding-top:10px}.tab-group{gap:2px;display:grid}.tab-group+.tab-group{border-left:1px solid var(--rule);padding-left:14px}.tab-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:5px;font-size:9.5px;font-weight:650;display:flex}.tab-group-label i,.kicker.kind i{border-radius:50%;width:7px;height:7px;display:inline-block}.simulation .tab-group-label i,.kicker.kind.simulation i{background:var(--accent)}.presentation .tab-group-label i,.kicker.kind.presentation i{border:1.5px solid var(--ink-3)}.tab-row{gap:14px;display:flex}.presentation .tab[aria-selected=true]:after{background:var(--ink-2)}.kicker.kind{align-items:center;gap:6px;display:flex}.panel-banner{color:var(--ink-2);border-bottom:1px solid var(--rule);background:var(--paper-2);padding:8px 16px 9px 30px;font-size:11.5px;line-height:1.45;position:relative}.panel-banner:before{content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:13px;left:16px}.panel-banner.simulation:before{background:var(--accent)}.panel-banner.presentation:before{border:1.5px solid var(--ink-3)}.ink-tabs{z-index:1;scrollbar-width:none;gap:4px;margin-bottom:-1px;padding-top:12px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.ink-tabs::-webkit-scrollbar{display:none}.ink-tab{appearance:none;height:30px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:540;transition:background .15s,color .15s;display:inline-flex}.ink-tab:hover{background:var(--paper-2);color:var(--ink)}.ink-tab[aria-selected=true]{background:var(--paper);border-color:var(--rule-strong);color:var(--ink);box-shadow:0 1px 0 var(--paper)}.ink-tab.add{color:var(--ink-3);border:1px dashed var(--rule-strong);border-bottom:0}.ink-tab .dot{background:var(--c);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 -2px 3px oklch(0% 0 0/.25),0 0 0 1px oklch(0% 0 0/.12),0 0 0 2px oklch(98.5% .005 85/.9)}.ink-tab .dot.cloudy{background:radial-gradient(circle at 35% 30%, oklch(100% 0 0/.6), transparent 60%), var(--c)}.ink-tab .tab-note{color:var(--ink-3);font-weight:440}.ink-tab .tab-note:before{content:"·";margin-right:6px}.ink-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ink-card{border:1px solid var(--rule-strong);background:var(--paper);border-radius:8px;padding:10px 12px 8px}.ink-card-head{align-items:center;gap:10px;padding:2px 0 6px;display:flex}.ink-name-input{font-family:var(--font-serif);color:var(--ink);background:0 0;border:0;border-bottom:1px dashed #0000;outline:none;width:100%;padding:0;font-size:22px;line-height:1.1}.ink-name-input:hover,.ink-name-input:focus{border-bottom-color:var(--rule-strong)}.studio-card[aria-busy=true] .chip{animation:breathe 1.1s var(--ease-in-out) infinite alternate}@keyframes breathe{to{opacity:.35}}.replay-memory{position:relative}.replay-card{z-index:6;width:280px;padding:12px 14px;position:absolute;bottom:calc(100% + 10px);right:0}.hint{text-align:center;pointer-events:none;z-index:3;animation:fade-in 1.2s var(--ease-out) .4s both;position:absolute;top:9%;left:50%;transform:translate(-50%)}.hint .big{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(26px,3.4vw,40px);line-height:1.05}.hint .small{color:var(--ink-2);margin-top:8px;font-size:13px}.hint .scenes{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.hint.gone{animation:fade-out .5s var(--ease-out) both}.menu{z-index:20;min-width:260px;animation:rise .2s var(--ease-out);padding:6px;position:absolute}.menu-item{appearance:none;text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;display:block}.menu-item:hover,.menu-item:focus-visible{background:var(--paper-2);outline:none}.menu-item .ttl{font-family:var(--font-serif);font-size:18px;line-height:1.1}.menu-item .sub{color:var(--ink-3);margin-top:1px;font-size:11.5px}.progress{background:var(--rule);border-radius:3px;height:3px;overflow:hidden}.progress>i{background:var(--accent);height:100%;transition:width .2s;display:block}.toast{left:50%;top:calc(var(--gap) + 56px);z-index:30;animation:rise .25s var(--ease-out);padding:8px 14px;font-weight:520;position:absolute;transform:translate(-50%)}.fatal{background:var(--paper);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.fatal .box{max-width:460px}.fatal h1{font-family:var(--font-serif);margin:0 0 8px;font-size:40px;font-weight:400;line-height:1.05}.fatal p{color:var(--ink-2);font-size:14px;line-height:1.55}.kbd{text-align:center;border:1px solid var(--rule-strong);min-width:18px;height:18px;color:var(--ink-2);border-radius:4px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:18px;display:inline-block}@keyframes rise{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=760px){:root{--gap:10px}.title-input,.readout,.wide-only{display:none}.topbar{gap:6px}.wordmark{display:none}.seg.compact button{padding:0 7px;font-size:12px}.rail{top:auto;bottom:calc(var(--gap) + 150px + env(safe-area-inset-bottom));flex-direction:row;left:50%;transform:translate(-50%)}.rail-sep{width:1px;height:auto;margin:6px 3px}.tool .key{display:none}.tool-options{left:var(--gap);right:var(--gap);width:auto;top:auto;bottom:calc(var(--gap) + 210px + env(safe-area-inset-bottom));transform:none}.palette-dock{left:50%;bottom:calc(var(--gap) + 100px + env(safe-area-inset-bottom));max-width:calc(100% - var(--gap) * 2);overflow-x:auto;transform:translate(-50%)}.palette-dock .ink-name{display:none}.inspector{left:var(--gap);right:var(--gap);width:auto;top:auto;bottom:calc(var(--gap) + env(safe-area-inset-bottom));z-index:12;max-height:52%}.timeline{height:86px;bottom:calc(var(--gap) + env(safe-area-inset-bottom));grid-template-columns:auto 1fr;gap:10px;padding:0 12px 0 6px}.track-meta,.camera-controls{display:none}.clock{min-width:0}.clock .t{font-size:26px}.transport .step{display:none}.play{width:44px;height:44px}.event-card{left:50%!important}.hint{width:90%;top:9%}.hint .big{font-size:25px}.hint .small{font-size:12px}}@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-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}