:root{--ink-depth:#0a1a33;--ink-current:#1e2d4a;--ink-dilute:#606d80;--ink-feather:#aeb6c2;--mist:#dde2e8;--paper:#f6f7f9;--ink-beni:#9e3b32;--panel:#f6f7f9f2;--panel-solid:#f0f2f5;--font:"Commissioner", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--t-micro:.6875rem;--t-tiny:.75rem;--t-small:.8125rem;--t-ui:.875rem;--t-body:1rem;--t-lead:1.125rem;--t-h3:1.25rem;--t-h2:1.5rem;--t-h1:2rem;--t-display-s:2.75rem;--t-display:3.75rem;--t-display-l:5rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:56px;--s10:80px;--s11:120px;--r-hair:2px;--r:6px;--r-lg:10px;--lift-1:0 1px 2px #0a1a330f, 0 2px 8px #0a1a330d;--lift-2:0 2px 4px #0a1a3312, 0 8px 24px #0a1a3314;--lift-3:0 4px 8px #0a1a3314, 0 20px 48px #0a1a331f;--ease:cubic-bezier(.16, 1, .3, 1);--fast:.14s;--mid:.22s;font-family:var(--font);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink-current);background:var(--paper);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--paper);min-height:100svh;margin:0}#root{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.basin{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}h1,h2,h3,h4{color:var(--ink-depth);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:400}p{text-wrap:pretty;margin:0}.margin-label{font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dilute);font-weight:500}.measure{max-width:68ch}::selection{background:var(--ink-depth);color:var(--paper)}:root{caret-color:var(--ink-depth);accent-color:var(--ink-depth);scrollbar-color:var(--ink-feather) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-feather);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-dilute);background-clip:content-box}:focus-visible{outline:2px solid var(--ink-depth);outline-offset:2px;border-radius:var(--r-hair)}a{color:var(--ink-depth);text-underline-offset:.2em;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--ink-feather);text-decoration-color:var(--ink-feather);transition:text-decoration-color var(--fast) var(--ease)}a:hover{-webkit-text-decoration-color:var(--ink-depth);text-decoration-color:var(--ink-depth)}button,input,textarea{font:inherit;font-variant-numeric:inherit;color:inherit}img{max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordmark{font-size:var(--t-h3);letter-spacing:.06em;color:var(--ink-depth);align-items:center;gap:.5em;margin:0;font-weight:300;display:inline-flex}.wordmark-glyph,.imprint-glyph{aspect-ratio:147.94/227.39;background:currentColor;flex:none;-webkit-mask:url(/assets/mark-DklRBeqD.svg) 50%/contain no-repeat;mask:url(/assets/mark-DklRBeqD.svg) 50%/contain no-repeat}.wordmark-glyph{height:1.5em}.wordmark-name{white-space:nowrap}.wordmark--link{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.btn{--btn-ink:var(--ink-current);justify-content:center;align-items:center;gap:var(--s2);border:1px solid var(--ink-feather);border-radius:var(--r);background:var(--panel);color:var(--btn-ink);font-size:var(--t-ui);cursor:pointer;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease), background-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);padding:9px 16px;font-weight:500;line-height:1.2;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink-dilute);color:var(--ink-depth);box-shadow:var(--lift-1)}.btn:active:not(:disabled){box-shadow:none;transform:translateY(.5px)}.btn:disabled{color:var(--ink-dilute);border-color:var(--mist);cursor:not-allowed}.btn.is-on,.btn--ink{background:var(--ink-depth);border-color:var(--ink-depth);color:var(--paper)}.btn--ink:hover:not(:disabled){background:var(--ink-current);border-color:var(--ink-current);color:var(--paper)}.btn--ink:disabled{background:var(--mist);border-color:var(--mist);color:var(--ink-dilute)}.btn--lg{font-size:var(--t-body);padding:13px 22px}.btn--small{font-size:var(--t-small);padding:6px 11px}.btn--remove{color:var(--ink-beni);border-color:color-mix(in srgb, var(--ink-beni) 32%, var(--mist))}.btn--remove:hover:not(:disabled){color:var(--ink-beni);border-color:var(--ink-beni)}.chips{gap:var(--s1);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--mist);color:var(--ink-dilute);font-size:var(--t-tiny);cursor:pointer;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--ink-feather);color:var(--ink-current)}.chip.is-on{border-color:var(--ink-depth);color:var(--ink-depth);background:color-mix(in srgb, var(--ink-depth) 7%, transparent)}.chip--swatch{padding:4px}.swatch{border-radius:999px;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 1px #0a1a332e}input[type=range]{appearance:none;cursor:grab;background:0 0;width:100%;height:20px}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{background:var(--ink-feather);height:1px}input[type=range]::-moz-range-track{background:var(--ink-feather);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink-depth);width:13px;height:13px;box-shadow:0 0 0 3px var(--paper);transition:transform var(--fast) var(--ease);border-radius:999px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--ink-depth);width:13px;height:13px;box-shadow:0 0 0 3px var(--paper);border:0;border-radius:999px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=text],input[type=email]{border:1px solid var(--ink-feather);border-radius:var(--r);background:var(--panel);width:100%;color:var(--ink-depth);font-size:var(--t-ui);transition:border-color var(--fast) var(--ease);padding:8px 11px}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--ink-dilute)}input[type=text]:focus,input[type=email]:focus{border-color:var(--ink-depth);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink-depth) 12%, transparent);outline:none}.plate{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:0 clamp(72px,15%,150px);display:flex;position:relative}.plate--compact{padding:0 var(--s4)}.ear-canvas{touch-action:none;flex:none;width:auto;max-width:100%;height:100%;max-height:100%;position:relative}.ear-canvas--placing{cursor:crosshair}.ear-canvas:before{content:"";background:radial-gradient(58% 48% at 50% 50%, var(--paper) 0%, #f6f7f9f0 52%, #f6f7f900 100%);pointer-events:none;position:absolute;inset:-4% -16%}.ear-bleed{inset:calc(-1 * var(--bleed));pointer-events:none;position:absolute}.ear-photo{width:var(--frame);height:var(--frame);object-fit:contain;-webkit-user-select:none;user-select:none;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-key{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.leader-line{stroke:var(--ink-feather);stroke-width:1px;vector-effect:non-scaling-stroke}.leader-ring{fill:none;stroke:var(--ink-dilute);stroke-width:1.25px;transition:stroke var(--fast) var(--ease), r var(--fast) var(--ease)}.leader-label{fill:var(--ink-dilute);letter-spacing:.04em;font-size:11px;font-weight:500}.leader.is-taken .leader-ring{fill:var(--ink-current);stroke:var(--ink-current)}.leader.is-taken .leader-label{fill:var(--ink-current)}.leader.is-active .leader-ring{fill:var(--ink-depth);stroke:var(--ink-depth)}.leader.is-active .leader-line{stroke:var(--ink-depth)}.leader.is-active .leader-label{fill:var(--ink-depth);font-weight:600}.site-handle{cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;padding:0;position:absolute;transform:translate(-50%,-50%)}.site-handle:focus-visible{outline:none}.site-handle:focus-visible:after{content:"";width:13px;height:13px;box-shadow:0 0 0 2px var(--ink-depth);border-radius:50%;margin:-6.5px 0 0 -6.5px;position:absolute;inset:50%}.placed-earring{aspect-ratio:1;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.placed-earring--dragging{cursor:grabbing}.placed-earring--selected{box-shadow:0 0 0 1px var(--ink-depth)}.chain-handles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chain-hit{fill:none;stroke:#0000;stroke-width:14px;stroke-linecap:round;pointer-events:stroke;cursor:pointer}.chain-hit:focus{outline:none}.chain-mark{fill:none;stroke:var(--ink-depth);stroke-linecap:round;pointer-events:none}.chain-mark-band{fill:none;stroke-linecap:round}.show-ear{justify-content:center;margin:0;display:flex}.show-ear .ear-canvas{width:100%;max-width:100%;height:auto}.landing{z-index:1;flex-direction:column;display:flex;position:relative;overflow-x:clip}.hero{gap:var(--s10);min-height:100svh;padding:var(--s8) clamp(24px, 6vw, 96px) var(--s9);grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;display:grid}.hero-margin{flex-direction:column;align-items:flex-start;display:flex;position:relative}.hero-margin:before{content:"";z-index:-1;background:radial-gradient(76% 64% at 42% 50%, var(--paper) 0%, #f6f7f9f7 58%, #f6f7f900 100%);pointer-events:none;position:absolute;inset:-8% -14% -10% -18%}.hero-line{margin-top:var(--s8);letter-spacing:-.035em;font-size:clamp(2.75rem,6vw,5rem);font-weight:200;line-height:1.02}.hero-lead{margin-top:var(--s6);font-size:var(--t-lead);color:var(--ink-current);line-height:1.55}.hero-lead em{color:var(--ink-depth);font-style:normal;font-weight:600}.hero-actions{gap:var(--s3);margin-top:var(--s7);flex-wrap:wrap;display:flex}.hero-note{margin-top:var(--s5);font-size:var(--t-small);color:var(--ink-dilute)}.hero-plate{align-items:center;gap:var(--s4);flex-direction:column;display:flex}.hero-plate .ear-canvas{width:auto;max-width:100%;height:min(64svh,520px)}.hero-caption,.pair-label,.strip-name{font-size:var(--t-small);color:var(--ink-dilute)}.hero-caption{text-align:center;border-radius:var(--r);background:var(--paper);max-width:34ch;padding:4px 12px}.sections,.landing-foot{background:#f6f7f9f2}.sections{flex-direction:column;display:flex}.section{padding:var(--s11) clamp(24px, 6vw, 96px);border-top:1px solid var(--mist)}.section--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.section--reverse .section-text{order:2}.section h2{font-size:clamp(1.75rem, 3vw, var(--t-display-s));letter-spacing:-.03em;font-weight:200;line-height:1.12}.section-text p{margin-top:var(--s5);font-size:var(--t-lead);color:var(--ink-current);line-height:1.6}.section-text p+p{margin-top:var(--s4)}.section-text em{color:var(--ink-depth);font-style:italic}.section-text--wide{margin-bottom:var(--s9);max-width:62ch}.pair{gap:var(--s6);grid-template-columns:1fr 1fr;align-items:end;display:grid}.pair-item{gap:var(--s3);flex-direction:column;display:flex}.pair-label{text-align:center;font-variant-numeric:tabular-nums}.turn-demo{align-items:center;gap:var(--s5);flex-direction:column;display:flex}.turn-demo .ear-canvas{width:auto;max-width:100%;height:min(48svh,400px)}.dial--wide{width:min(100%,320px)}.strip{gap:var(--s5) var(--s4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid;position:relative}.strip-cell{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.strip-slot{aspect-ratio:1;width:100%;max-width:96px;display:block}.strip-name{line-height:1.3}.strip-size{font-size:var(--t-tiny);color:var(--ink-dilute)}.imprint-demo{border:1px solid var(--mist);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--lift-2);overflow:hidden}.imprint-sheet{background:radial-gradient(120% 90% at 60% 20%, #1e2d4a1a, transparent 62%), radial-gradient(80% 70% at 22% 78%, #606d8024, transparent 60%), var(--panel-solid);height:260px}.imprint-band{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s5) var(--s6);border-top:1px solid var(--ink-feather);display:flex}.imprint-sign{align-items:center;gap:var(--s3);display:flex}.imprint-glyph{height:2.6em;color:var(--ink-depth)}.imprint-mark{font-size:var(--t-h3);letter-spacing:.06em;color:var(--ink-depth);font-weight:300}.imprint-note{font-size:var(--t-micro);letter-spacing:.16em;color:var(--ink-dilute);margin-top:4px}.imprint-facts{text-align:right;font-size:var(--t-small);color:var(--ink-dilute);line-height:1.5}.section--close{align-items:center;gap:var(--s7);padding-top:var(--s11);padding-bottom:var(--s11);text-align:center;flex-direction:column;display:flex}.close-line{font-size:clamp(2rem, 5vw, var(--t-display));letter-spacing:-.035em;font-weight:200}.landing-foot{justify-content:space-between;align-items:baseline;gap:var(--s4);padding:var(--s7) clamp(24px, 6vw, 96px) var(--s8);border-top:1px solid var(--mist);font-size:var(--t-small);color:var(--ink-dilute);flex-wrap:wrap;display:flex}@media (width<=900px){.hero{gap:var(--s8);padding-top:var(--s7);grid-template-columns:minmax(0,1fr)}.hero-line{margin-top:var(--s6)}.hero-plate .ear-canvas{height:min(52svh,380px)}.section{padding-top:var(--s10);padding-bottom:var(--s10)}.section--split{gap:var(--s8);grid-template-columns:minmax(0,1fr)}.section--reverse .section-text{order:0}}.studio{z-index:1;flex-direction:column;flex:none;height:100svh;min-height:0;display:flex;position:relative;overflow:hidden}.studio-bar{align-items:center;gap:var(--s5);padding:var(--s4) var(--s6);border-bottom:1px solid var(--mist);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.studio-status{min-width:0;font-size:var(--t-small);color:var(--ink-dilute);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.studio-status--error{color:var(--ink-beni);white-space:normal;overflow:visible}.studio-actions{gap:var(--s2);display:flex}.studio-body{flex:1;grid-template-columns:300px minmax(0,1fr) 300px;min-height:0;display:grid;overflow:hidden}.column{border-right:1px solid var(--mist);background:var(--panel);flex-direction:column;min-height:0;display:flex}.column--margin{border-right:0;border-left:1px solid var(--mist);overflow-y:auto}.column-title{padding:var(--s5) var(--s5) var(--s3)}.margin-block{border-bottom:1px solid var(--mist);padding-bottom:var(--s5)}.margin-block:last-child{border-bottom:0}.studio-plate{min-width:0;min-height:0;padding:clamp(16px,4vh,40px) 0;display:flex;overflow:visible}.studio-plate .ear-canvas{max-height:min(100%,640px)}.tray{flex-direction:column;flex:1;min-height:0;display:flex}.tray-filters{gap:var(--s3);padding:0 var(--s5) var(--s4);border-bottom:1px solid var(--mist);flex-direction:column;display:flex}.filter{flex-direction:column;gap:6px;display:flex}.tray-body{flex:1;min-height:0;position:relative}.tray-scroll{height:100%;padding:var(--s4) var(--s5) var(--s6);overflow-y:auto}.tray-group+.tray-group{margin-top:var(--s6)}.tray-group-title{margin-bottom:var(--s3);align-items:baseline;gap:6px;display:flex}.tray-count{color:var(--ink-dilute);letter-spacing:0}.tray-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(74px,1fr));display:grid}.tile{padding:var(--s2) 4px var(--s2);border-radius:var(--r);cursor:grab;text-align:center;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;display:flex}.tile:hover{border-color:var(--mist);background:color-mix(in srgb, var(--ink-depth) 3%, transparent)}.tile:active{cursor:grabbing}.tile.is-armed{border-color:var(--ink-depth);background:color-mix(in srgb, var(--ink-depth) 8%, transparent)}.tile-slot{aspect-ratio:1;width:100%;display:block}.tile-name{font-size:var(--t-micro);color:var(--ink-current);line-height:1.25}.tile-size{font-size:var(--t-micro);color:var(--ink-dilute)}.tray-empty,.prints-empty,.dials--empty p,.profile-note{font-size:var(--t-small);color:var(--ink-dilute);line-height:1.5}.account-button{max-width:190px}.account-button-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-scrim{z-index:30;padding:var(--s5);background:color-mix(in srgb, var(--ink-depth) 22%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-sheet{gap:var(--s3);width:min(380px,100%);max-height:100%;padding:var(--s6);border:1px solid var(--mist);border-radius:var(--r-lg);background:var(--panel-solid);box-shadow:var(--lift-3);flex-direction:column;display:flex;overflow-y:auto}.account-title{font-size:var(--t-h3);color:var(--ink-depth);margin:0;font-weight:400}.account-note{font-size:var(--t-small);color:var(--ink-dilute);margin:0;line-height:1.5}.account-note--error{color:var(--ink-beni)}.account-wide{width:100%}.account-or{align-items:center;gap:var(--s3);font-size:var(--t-tiny);color:var(--ink-dilute);margin:0;display:flex}.account-or:before,.account-or:after{content:"";background:var(--mist);flex:1;height:1px}.account-email{gap:var(--s2);display:flex}.account-handover{gap:var(--s2);padding:var(--s3);border:1px solid var(--mist);border-radius:var(--r);flex-direction:column;display:flex}.account-close{align-self:flex-end}.dials{gap:var(--s4);padding:0 var(--s5);flex-direction:column;display:flex}.dials--empty{padding:0 var(--s5)}.dials-head{flex-direction:column;gap:2px;display:flex}.dials-name{font-size:var(--t-body);letter-spacing:-.01em;font-weight:500}.dials-site{font-size:var(--t-small);color:var(--ink-dilute)}.dial{flex-direction:column;gap:2px;display:flex}.dial--chips{gap:6px}.dial-row{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.dial-value{font-size:var(--t-small);color:var(--ink-depth);font-variant-numeric:tabular-nums;font-weight:500}.dial-hint{font-size:var(--t-tiny);color:var(--ink-dilute)}.prints{gap:var(--s3);padding:0 var(--s5);flex-direction:column;display:flex}.print-save{gap:var(--s2);display:flex}.print-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.print{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--mist);display:flex}.print:last-child{border-bottom:0}.print-meta{flex-direction:column;min-width:0;display:flex}.print-name{font-size:var(--t-ui);color:var(--ink-depth);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.print-when{font-size:var(--t-tiny);color:var(--ink-dilute)}.print-actions{flex-shrink:0;gap:4px;display:flex}.profiles{gap:var(--s3);padding:0 var(--s5);flex-direction:column;display:flex}.profile-chips{flex-wrap:wrap;gap:4px;display:flex}.profile-actions{gap:var(--s2);display:flex}.profile-note--error{color:var(--ink-beni)}.studio--compact .studio-body{flex-direction:column;grid-template-columns:none;display:flex}.studio--compact .studio-plate{min-height:46svh;padding:var(--s3) 0 var(--s2);align-items:center;gap:var(--s2);flex-direction:column;flex:1}.studio--compact .plate{flex:1;min-height:0}.site-caption{font-size:var(--t-small);color:var(--ink-depth);letter-spacing:.04em;font-weight:500}.floating-dials{border-top:1px solid var(--mist);padding:var(--s4) 0;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawer{border-top:1px solid var(--mist);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;min-height:0;max-height:40svh;display:flex;box-shadow:0 -2px 4px #0a1a330a,0 -12px 32px #0a1a3312}.drawer-tabs{gap:var(--s5);padding:0 var(--s5);border-bottom:1px solid var(--mist);display:flex}.drawer-tab{padding:var(--s3) 0;color:var(--ink-dilute);font-size:var(--t-small);cursor:pointer;background:0 0;border:0;font-weight:500;position:relative}.drawer-tab.is-on{color:var(--ink-depth)}.drawer-tab.is-on:after{content:"";background:var(--ink-depth);height:2px;position:absolute;inset:auto 0 -1px}.drawer-body{min-height:0;padding-top:var(--s4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.studio--compact .tray-filters{padding-top:0}.studio--compact .tray-body{flex:none}.studio--compact .tray-scroll{height:auto;overflow:visible}@media (width<=560px){.studio-bar{gap:var(--s3);padding:var(--s3) var(--s4);flex-wrap:wrap}.studio-status{white-space:normal;flex-basis:100%;order:3}.studio-actions{margin-left:auto}.account-button{max-width:108px}.tray-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}}.spike{max-width:900px;margin:0 auto;padding:24px 20px 48px}.spike-header h1{margin-bottom:4px;font-size:20px}.spike-header p{opacity:.65;margin-bottom:16px;font-size:13px}.spike-stage{border:1px solid #0000001a;border-radius:14px;height:min(60vh,520px);overflow:hidden}.spike-controls{flex-direction:column;gap:14px;margin-top:18px;display:flex}.spike-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spike-label{text-transform:uppercase;letter-spacing:.06em;opacity:.55;min-width:110px;font-size:12px}.spike-label b{text-transform:none;opacity:1;font-variant-numeric:tabular-nums}.spike-chips{flex-wrap:wrap;gap:6px;display:flex}.spike-chip{font:inherit;cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.spike-chip.is-active{color:#fff;background:#111;border-color:#111}.spike-swatch{border:1px solid #0003;border-radius:50%;width:12px;height:12px}.spike-row input[type=range]{flex:1;min-width:220px}.spike-note{opacity:.6;margin-top:4px;font-size:12px;line-height:1.5}.spike-stage--paint{background:#f2f2f4;justify-content:center;height:auto;padding:16px;display:flex}.paint-canvas{touch-action:none;cursor:crosshair;border-radius:8px;max-width:100%;display:block}