:root{--floor:#ebe9e4;--ink:#1f1d1a;--muted:#1f1d1a94;--faint:#1f1d1a52;--line:#1f1d1a1f;--wash:#1f1d1a0d;--glass:#faf9f6bd;--glass-strong:#faf9f6e6;--glass-border:#1f1d1a14;--accent:#c46a12;--accent-wash:#c46a121f;--vignette:#3c322812;--grain:.05;--pool-blend:soft-light;--tok-selector:#7a46c2;--tok-prop:#1f1d1a;--tok-num:#b0560c;--tok-fn:#22659f;--tok-word:#4a4640;--tok-comment:#9a958c;--ui-shadow:0 1px 1px #1e18120a, 0 4px 12px #1e18120f, 0 16px 40px #1e181214;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--floor:#111215;--ink:#ecebe6;--muted:#ecebe694;--faint:#ecebe64d;--line:#ecebe61f;--wash:#ecebe60d;--glass:#18191eb8;--glass-strong:#18191ee6;--glass-border:#ecebe614;--accent:#f2a44e;--accent-wash:#f2a44e24;--vignette:#00000073;--grain:.07;--pool-blend:screen;--tok-selector:#c3a6ff;--tok-prop:#ecebe6;--tok-num:#f2a44e;--tok-fn:#82bdf2;--tok-word:#c9c6be;--tok-comment:#7a776f;--ui-shadow:0 1px 1px #0000004d, 0 8px 24px #00000059, 0 24px 60px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--floor);color:var(--ink);font:13px/1.4 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}:root[data-ready] body,:root[data-ready] .stage{transition:background-color .4s}button{font:inherit;color:inherit}kbd{border:1px solid var(--line);background:var(--wash);min-width:18px;height:18px;color:var(--ink);font:500 11px/1 var(--sans);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.stage{background:var(--floor);touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.pool,.vignette,.overlay{pointer-events:none;position:absolute;inset:0}.pool{mix-blend-mode:var(--pool-blend)}.vignette{background:radial-gradient(ellipse 75% 70% at 50% 50%, transparent 55%, var(--vignette) 100%)}.vignette:after{content:"";opacity:var(--grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.plumb{stroke:var(--ink);stroke-opacity:.28;stroke-width:1.25px;stroke-dasharray:1 4;stroke-linecap:round}.foot{fill:none;stroke:var(--ink);stroke-opacity:.4;stroke-width:1.25px}.range-ring{fill:none;stroke:var(--ink);stroke-opacity:0;stroke-width:1.25px;stroke-dasharray:2 7;stroke-linecap:round;transition:stroke-opacity .35s}.range-ring.visible{stroke-opacity:.2}.range-ring.visible.limit{stroke:var(--accent);stroke-opacity:.75}.construction .ray{stroke:var(--ray);stroke-opacity:.7;stroke-width:1px}.construction .umbra{fill:none;stroke:var(--ray);stroke-opacity:.8;stroke-width:1px}.construction .penumbra{fill:none;stroke:var(--ray);stroke-opacity:.55;stroke-width:1px;stroke-dasharray:3 4}.construction .corner{fill:var(--ray)}.card{cursor:pointer;position:absolute}.card-label,.card-elevation{font:500 11px/1 var(--mono);color:var(--faint);pointer-events:none;transition:color .2s;position:absolute}.card-label{bottom:16px;left:18px}.card-elevation{top:16px;right:18px}.card-elevation.limit{color:var(--accent);animation:.7s limit-flash}.orb,.plumb,.foot,.range-ring,.construction{transition:opacity .35s}.lights-hidden .orb,.lights-hidden .plumb,.lights-hidden .foot,.lights-hidden .range-ring,.lights-hidden .construction{opacity:0;pointer-events:none}.orb{z-index:2;cursor:grab;border:0;border-radius:50%;outline:none;padding:0;position:absolute;transform:translate(-50%,-50%)}.orb:after{content:"";border:1.5px solid var(--ink);opacity:0;border-radius:50%;transition:opacity .2s;position:absolute;inset:-7px}.orb.selected:after{opacity:.45}.orb:focus-visible:after{opacity:.9;border-color:var(--accent)}.has-drag-cursor *{cursor:inherit!important}.readout{z-index:3;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--ui-shadow);font:11px/1.55 var(--mono);pointer-events:none;white-space:nowrap;border-radius:10px;grid-template-columns:auto auto;gap:2px 14px;padding:8px 11px 9px;display:grid;position:absolute}.readout div{display:contents}.readout span{color:var(--muted)}.readout b{color:var(--ink);text-align:right;font-weight:500}.readout .limit span,.readout .limit b{color:var(--accent);animation:.7s limit-flash}@keyframes limit-flash{0%,50%{opacity:1}25%,75%{opacity:.35}}.panel-meta i{border-radius:2px;width:8px;height:8px;display:inline-block;box-shadow:inset 0 0 0 1px #00000026}[data-ui]{transition:opacity .3s,transform .3s}.ui-hidden [data-ui],.ui-hidden .hint{opacity:0!important;pointer-events:none!important}.brand{z-index:4;pointer-events:none;position:fixed;top:22px;left:26px}.brand h1{font:italic 400 26px/1 var(--serif);letter-spacing:.01em;margin:0}.toolbar,.panel-toggle,.tray-save,.thumb-delete,.hint,.toast,.panel,.help{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--ui-shadow)}.toolbar{z-index:4;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:fixed;top:18px;right:20px}.lights{gap:2px;display:flex}.light-chip,.icon-button{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:30px;transition:background-color .15s,color .15s;display:inline-flex}.light-chip{min-width:30px;font:500 12px/1 var(--mono);padding:0 11px 0 9px}.light-chip i{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px,inset 0 0 0 1px #0000001f}.light-chip.add,.icon-button{width:30px;color:var(--muted);padding:0}.help-button{font:600 13px/1 var(--sans)}.light-chip:hover,.icon-button:hover{background:var(--wash);color:var(--ink)}.light-chip.selected{box-shadow:inset 0 0 0 1px var(--line)}.light-chip[aria-expanded=true]{background:var(--wash);box-shadow:inset 0 0 0 1px var(--faint)}.icon-button[aria-pressed=true]{background:var(--accent-wash);color:var(--accent)}.toolbar-sep{background:var(--line);width:1px;height:18px;margin:0 4px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-toggle-host{z-index:5;position:fixed;bottom:20px;right:20px}.panel-toggle-host.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.panel-toggle{cursor:pointer;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 16px 0 14px;font-weight:600;display:inline-flex}.light-panel-open .panel{max-height:min(72vh,680px,100vh - 440px)}.panel{z-index:6;background:var(--glass-strong);opacity:0;transform-origin:100% 100%;pointer-events:none;border-radius:16px;flex-direction:column;width:min(500px,100vw - 40px);max-height:min(72vh,680px);transition:opacity .22s,transform .32s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(14px)scale(.985)}.panel.open{opacity:1;pointer-events:auto;transform:none}.panel-head{align-items:center;gap:10px;padding:12px 10px 8px 16px;display:flex}.panel-head h2{font:600 13px/1 var(--sans);margin:0}.panel-meta{color:var(--muted);font:11px/1 var(--mono);flex:1;align-items:center;gap:5px;display:inline-flex}.panel-meta i{border-radius:2px}.chips{flex-wrap:wrap;gap:6px;padding:0 16px 12px;display:flex}.chip{border:1px solid var(--line);height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 11px;font-size:12px;transition:all .15s}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{background:var(--accent-wash);color:var(--accent);border-color:#0000}.code{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--wash);min-height:0;font:11.5px/1.65 var(--mono);-webkit-user-select:text;user-select:text;overscroll-behavior:contain;flex:1;margin:0;padding:14px 16px;overflow:auto}.code .line{text-indent:-6ch;white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.65em;padding-left:6ch}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-selector{color:var(--tok-selector);font-weight:600}.tok-prop{color:var(--tok-prop);font-weight:600}.tok-num{color:var(--tok-num)}.tok-fn{color:var(--tok-fn)}.tok-word{color:var(--tok-word)}.tok-punct,.tok-space{color:var(--muted)}.tok-color{color:var(--tok-word);white-space:nowrap}.tok-color i{vertical-align:-.5px;text-indent:0;width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;margin:0 4px 0 1px;display:inline-block}.panel-foot{gap:8px;padding:12px 16px 14px;display:flex}.button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;height:32px;padding:0 14px;font-weight:500;transition:background-color .15s}.button:hover{background:var(--wash)}.button.primary{background:var(--ink);color:var(--floor);border-color:#0000}.button.primary:hover{background:var(--ink);opacity:.88}.tray{z-index:4;align-items:flex-end;gap:12px;max-width:calc(100vw - 200px);display:flex;position:fixed;bottom:20px;left:20px}.tray-save{cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;height:38px;padding:0 16px;font-weight:600;display:inline-flex}.tray-list{scrollbar-width:none;gap:10px;margin:-10px 0 0;padding:10px 8px 0;list-style:none;display:flex;overflow-x:auto}.tray-list li{flex:none;position:relative}.thumb{border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;place-items:center;width:104px;height:68px;padding:0;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:grid}.thumb:hover{transform:translateY(-3px)}.thumb-card{display:block}.thumb-delete{width:20px;height:20px;color:var(--muted);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute;top:-7px;right:-7px}.thumb-delete svg{width:10px;height:10px}.tray-list li:hover .thumb-delete,.thumb-delete:focus-visible{opacity:1}.hint{z-index:3;color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:18px;margin:0;padding:9px 18px;font-size:12px;transition:opacity .6s,transform .6s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%,8px)}.hint.visible{opacity:1;transform:translate(-50%)}.hint b{color:var(--ink);font-weight:600}@media (width<=1100px){.hint{display:none}}.help-backdrop{z-index:10;background:#0a080629;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help{background:var(--glass-strong);border-radius:18px;width:min(780px,100%);max-height:calc(100vh - 40px);padding:22px 26px 26px;animation:.3s cubic-bezier(.2,.8,.2,1) rise;overflow:auto}.help header{justify-content:space-between;align-items:center;display:flex}.help h2{font:italic 400 24px/1.2 var(--serif);margin:0}.help-lede{max-width:62ch;color:var(--muted);margin:8px 0 20px;line-height:1.55}.help-table{border-collapse:collapse;width:100%;font-size:12.5px}.help-table th,.help-table td{border-top:1px solid var(--line);text-align:left;vertical-align:baseline;padding:8px 0}.help-table th{width:26%;padding-right:16px;font-weight:600}.help-table td{color:var(--muted);padding-right:16px}.help-control{white-space:nowrap;width:30%;font-weight:500;color:var(--ink)!important}.help-control kbd+kbd,.help-control kbd+span{margin-left:4px}.hint kbd+kbd{margin-left:2px}.tip-host{display:inline-flex;position:relative}.tip{z-index:20;border:1px solid var(--glass-border);background:var(--glass-strong);box-shadow:var(--ui-shadow);color:var(--ink);font:500 12px/1 var(--sans);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:8px;padding:5px 6px 5px 9px;transition:opacity .12s,transform .12s;display:flex;position:absolute}.tip:not(:has(kbd)){padding-right:9px}.tip-host:hover .tip,.tip-host:focus-within .tip{opacity:1;transition-delay:.35s}.tip-below .tip,.tip-below-end .tip{top:calc(100% + 10px)}.tip-above .tip,.tip-above-start .tip,.tip-above-end .tip{bottom:calc(100% + 10px)}.tip-below .tip,.tip-above .tip{left:50%;transform:translate(-50%)}.tip-below-end .tip,.tip-above-end .tip{right:0}.tip-above-start .tip{left:0}.light-panel{z-index:7;border:1px solid var(--glass-border);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(1.4);width:280px;box-shadow:var(--ui-shadow);border-radius:16px;animation:.22s cubic-bezier(.2,.8,.2,1) rise;position:fixed;top:70px;right:20px}.light-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.light-panel-head i{border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px,inset 0 0 0 1px #0000001f}.light-panel-head h2{font:600 13px/1 var(--sans);margin:0}.light-panel-head span{color:var(--muted);font:11px/1 var(--mono);flex:1}.button.small{height:26px;padding:0 10px;font-size:12px}.fields{padding:6px}.field{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;grid-template-columns:1fr 72px 34px;align-items:center;gap:0 6px;padding:3px 8px;display:grid}.field:hover{background:var(--wash)}.field-label{color:var(--muted);font-size:12.5px}.field-input{width:100%;height:26px;color:var(--ink);font:500 12.5px/1 var(--mono);text-align:right;cursor:inherit;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:0 6px}.field-input:focus{border-color:var(--accent);background:var(--floor);cursor:text}.field-unit{color:var(--muted);font:11px/1 var(--mono)}.field.limit .field-input,.field.limit .field-unit{color:var(--accent)}.warmth-track{border-radius:2px;grid-column:1/-1;height:4px;margin:4px 0 6px;position:relative}.warmth-track b{border:2px solid var(--floor);background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.light-panel-foot{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:8px 14px 12px;font-size:11.5px}.scrubbing,.scrubbing *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.toast{z-index:8;pointer-events:none;border-radius:999px;padding:8px 14px;font-weight:500;animation:1.8s forwards toast;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.985)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}