:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f3f3;background:#050505;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;min-height:100%;margin:0}body{background:#050505;min-height:100dvh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.studio{background:#050505;width:100vw;height:100dvh;position:relative;overflow:hidden}.viewport{min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}#scene{background:#050505;width:100%;height:100%;display:block}.texture-lab{background:#151018;width:100%;height:100%;display:block}.toolbar-toggle{z-index:4;color:#ffffffc7;letter-spacing:0;text-transform:lowercase;background:#2a2a2aeb;border:1px solid #ffffff1a;border-radius:7px;min-height:28px;padding:0 10px;font-size:.64rem;font-weight:400;position:absolute;top:18px;right:330px;box-shadow:0 8px 24px #00000047}.studio.is-toolbar-hidden .toolbar{display:none}.studio.is-toolbar-hidden .toolbar-toggle{right:18px}.toolbar{z-index:3;color:#ffffffeb;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;background:#272727f5;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;width:min(294px,100vw - 36px);min-height:0;padding:16px;display:flex;position:absolute;top:18px;bottom:18px;right:18px;overflow:hidden auto;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff0d}.toolbar::-webkit-scrollbar{width:9px}.toolbar::-webkit-scrollbar-track{background:0 0}.toolbar::-webkit-scrollbar-thumb{background:#ffffff47 padding-box content-box;border:3px solid #0000;border-radius:99px}.toolbar-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.toolbar-actions{flex-direction:column;flex:none;gap:6px;display:flex}.control-row span,.color-row span,.toolbar-title span{color:#ffffff8f;letter-spacing:0;text-transform:lowercase;font-size:.62rem;font-weight:400;display:block}.toolbar-title span{margin-top:6px}.toolbar-title strong{color:#fffffff0;letter-spacing:0;text-transform:lowercase;font-size:.92rem;font-weight:400;display:block}.toolbar-title button,.segment,.panel-summary,.about-panel button,.about-panel a,.biometric-panel button{color:#ffffffbd;letter-spacing:0;text-transform:lowercase;background:#ffffff0f;border:1px solid #0000;border-radius:8px;min-height:34px;font-size:.68rem;font-weight:400}.toolbar-title button{padding:0 10px}.toolbar-title button:hover,.segment:hover,.panel-summary:hover,.about-panel button:hover,.about-panel a:hover,.biometric-panel button:hover{color:#fffffff0;background:#ffffff1a}.segmented{background:#ffffff0d;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;display:grid}.segmented-filter,.segmented-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-filter,.segmented-mode{grid-template-columns:repeat(3,minmax(0,1fr))}.segment{min-width:0;min-height:30px;padding:0 6px}.segment.is-active{color:#151515;background:#ffffffe6;border-color:#ffffff14}.panel{border-top:1px solid #ffffff14;flex:none;overflow:hidden}.panel:first-of-type{border-top:0}.panel-summary{color:#ffffffeb;text-align:left;background:0 0;width:100%;min-height:36px;padding:0 4px}.panel.is-open .panel-summary{color:#fff}.panel-body{gap:10px;padding:2px 0 14px;display:none}.panel.is-open .panel-body{display:grid}.control-row,.color-row{grid-template-columns:86px minmax(0,1fr) 38px;align-items:center;gap:8px;min-height:30px;display:grid}.control-row output,.color-row output{color:#fffc;text-transform:lowercase;justify-self:end;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.62rem;font-weight:400}input[type=range]{accent-color:#f2f2f2;width:100%;min-width:0}.control-row--toggle input[type=checkbox]{cursor:pointer;accent-color:#f2f2f2;justify-self:start;width:16px;height:16px;margin:0}select{color:#ffffffe6;width:100%;min-width:0;height:24px;font:inherit;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px}input[type=color]{background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;width:100%;min-width:0;height:22px;padding:0;overflow:hidden}.palette-wheel-wrap{justify-items:center;gap:8px;margin-bottom:10px;display:grid}#paletteWheel{aspect-ratio:1;cursor:crosshair;touch-action:none;background:#ffffff0a;border-radius:50%;width:100%;max-width:190px;height:auto}.palette-lightness{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.color-rows{gap:8px;display:grid}.color-row{cursor:pointer;border-radius:6px;padding:2px 4px}.color-row.is-selected{background:#ffffff1a;outline:1px solid #ffffff38}.sampling-guide{gap:8px;padding-top:8px;display:grid}.sampling-step{gap:2px;display:grid}.sampling-step strong{color:#fff;text-transform:lowercase;font-size:.8rem}.sampling-step span{color:#ffffff8c;text-transform:lowercase;font-size:.6rem}.sampling-phase{letter-spacing:.04em;background:#ffffff1a;border-radius:99px;justify-self:start;padding:1px 8px}.sampling-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sampling-actions button{color:#ffffffd1;text-transform:lowercase;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;min-height:30px;font-size:.64rem}.sampling-actions button[data-sampling=save]{color:#151515;background:#ffffffe6;grid-column:1/-1}.sampling-actions button:hover{background:#ffffff29}.sampling-actions button[data-sampling=save]:hover{background:#fff}.sampling-hint{color:#ffffff80;margin:0;font-size:.58rem;line-height:1.4}.about-panel,.biometric-panel{z-index:5;color:#ffffffe0;background:#272727f5;border:1px solid #ffffff14;border-radius:18px;width:min(294px,100vw - 36px);padding:16px;position:absolute;top:18px;left:18px;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff0d}.biometric-panel{scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;width:min(388px,100vw - 36px);bottom:18px;overflow:hidden auto}.biometric-panel-body{gap:12px;padding-top:14px;display:grid}.about-header,.about-actions,.mail-form{gap:8px;display:flex}.about-header{justify-content:space-between;align-items:center}.about-header strong{font-size:.92rem;font-weight:400}.about-panel p{color:#ffffffad;margin:14px 0 0;font-size:.68rem;line-height:1.55}.about-actions{margin-top:16px}.about-panel a{place-items:center;min-height:34px;padding:0 10px;text-decoration:none;display:inline-grid}.mail-form{flex-direction:column;margin-top:10px}.mail-form input{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-height:34px;padding:0 10px}.mail-form output{color:#ffffff9e;min-height:1em;font-size:.62rem}.biometric-readout{color:#ffffffa3;gap:10px;padding-top:6px;font-size:.58rem;line-height:1.45;display:grid}.biometric-lab-intro{gap:4px;padding-bottom:2px;display:grid}.biometric-lab-intro span,.biometric-section-label{color:#ffffffe6;font-size:.64rem}.biometric-lab-intro p{color:#ffffff8a;margin:0;font-size:.58rem;line-height:1.45}.biometric-segmented,.biometric-samples{gap:4px;display:grid}.biometric-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.biometric-segmented button,.biometric-samples button,.biometric-panel-actions button{min-height:30px;padding:0 6px;font-size:.62rem}.biometric-segmented button.is-active,.biometric-samples button:hover{color:#151515;background:#ffffffe6;border-color:#ffffff14}.calibration-json{resize:vertical;color:#fffc;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;min-height:76px;padding:8px;font:.62rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.calibration-sample{background:#ffffff09;border:1px solid #ffffff14;border-radius:4px;gap:5px;padding:8px;display:grid}.calibration-sample strong{overflow-wrap:anywhere;letter-spacing:0;font-size:.62rem}.calibration-sample span,.calibration-empty{color:#ffffff7a;margin:0;font-size:.56rem}.calibration-sample div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.calibration-sample-panel{gap:7px;display:grid}.calibration-sample-panel summary{cursor:pointer;color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.calibration-sample-panel summary span{color:#ffffffb8;background:#ffffff1a;border-radius:999px;place-items:center;min-width:18px;min-height:18px;margin-left:5px;font-size:.58rem;display:inline-grid}.calibration-sample-panel[open]{background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;padding:8px}.biometric-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.biometric-panel-actions button:disabled{cursor:wait;opacity:.58}.biometric-live-status{color:#ffffff94;grid-column:1/-1;min-height:1em;font-size:.58rem;line-height:1.4}.oura-playback-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;gap:8px;padding:8px;display:grid}.oura-playback-panel summary{cursor:pointer;color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.oura-playback-controls,.oura-playback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.oura-playback-controls{padding-top:8px}.oura-playback-controls button{min-height:30px;padding:0 6px;font-size:.62rem}.oura-playback-row{grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:8px;min-height:28px;display:grid}.oura-playback-row span,.oura-playback-grid span,.oura-playback-day span,.oura-playback-empty{color:#ffffff8f;font-size:.58rem;line-height:1.4}.oura-playback-row select,.oura-playback-row input[type=date]{grid-column:2/-1}.oura-playback-row output{color:#ffffffc7;justify-self:end;font-size:.58rem}.oura-playback-summary{gap:6px;padding-top:4px;display:grid}.oura-playback-day{justify-content:space-between;align-items:center;gap:8px;display:flex}.oura-playback-day strong,.oura-playback-grid strong{color:#ffffffe0;font-weight:400}.oura-playback-grid span{justify-content:space-between;gap:8px;display:flex}.oura-playback-empty{margin:0}.biometric-metric{border-top:1px solid #ffffff14;gap:7px;padding:9px 0 11px;display:grid}.biometric-metric-title{color:#ffffffe0;grid-template-columns:minmax(0,1fr) auto;align-items:center;font-size:.62rem;display:grid}.biometric-metric .control-row{grid-template-columns:44px minmax(0,1fr) 38px;min-height:24px}.biometric-readout-title{border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding-top:8px;display:grid}.biometric-swatches{gap:5px;display:grid}.biometric-swatch{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;display:grid}.biometric-swatch i{border-radius:3px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff38}.biometric-readout strong{color:#ffffffe0;font-weight:400}.biometric-readout p{overflow-wrap:anywhere;margin:0}.studio.is-viewer .toolbar,.studio.is-viewer .toolbar-toggle{display:none}.viewer-ui{--viewer-font:Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--viewer-text:#fffffff5;--viewer-muted:#ffffff80;--viewer-faint:#ffffff52;--viewer-line:#ffffff57;--viewer-pad:22px;--viewer-top:calc(env(safe-area-inset-top,0px) + var(--viewer-pad));--viewer-bottom:calc(env(safe-area-inset-bottom,0px) + var(--viewer-pad));z-index:5;color:var(--viewer-text);font-family:var(--viewer-font);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;font-size:.7rem;font-weight:400;position:absolute;inset:0}.viewer-ui button{color:var(--viewer-muted);font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;margin:0;padding:0}.viewer-ui button:hover,.viewer-ui button.is-active{color:var(--viewer-text)}.viewer-logo{top:var(--viewer-top);opacity:.82;pointer-events:none;width:34px;height:34px;position:absolute;left:50%;transform:translate(-50%)}.viewer-readout{top:var(--viewer-top);left:var(--viewer-pad);pointer-events:auto;gap:3px;display:grid;position:absolute}.viewer-stat{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.viewer-stat-label{color:var(--viewer-muted)}.viewer-stat-value{color:var(--viewer-text);font-variant-numeric:tabular-nums}.viewer-tools{z-index:2;top:var(--viewer-top);right:var(--viewer-pad);pointer-events:auto;gap:18px;display:flex;position:absolute}.viewer-sync{z-index:2;top:calc(var(--viewer-top) + 26px);right:var(--viewer-pad);pointer-events:auto;justify-items:end;gap:7px;display:grid;position:absolute}.viewer-sync button{color:var(--viewer-muted)}.viewer-sync button:disabled{opacity:.45}.viewer-sync output{max-width:250px;color:var(--viewer-muted);text-align:right}.viewer-style{z-index:1;top:calc(var(--viewer-top) + 26px);right:var(--viewer-pad);width:min(300px, calc(100vw - 2 * var(--viewer-pad)));pointer-events:auto;gap:7px;display:grid;position:absolute}.viewer-style label{color:var(--viewer-muted);grid-template-columns:100px 1fr;align-items:center;gap:14px;display:grid}.viewer-style span{white-space:nowrap}.viewer-style input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:14px;margin:0}.viewer-style input[type=range]::-webkit-slider-runnable-track{background:var(--viewer-line);height:1px}.viewer-style input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--viewer-text);border:0;border-radius:50%;width:8px;height:8px;margin-top:-3.5px}.viewer-style input[type=range]::-moz-range-track{background:var(--viewer-line);height:1px}.viewer-style input[type=range]::-moz-range-thumb{background:var(--viewer-text);border:0;border-radius:50%;width:8px;height:8px}.viewer-foot{bottom:calc(var(--viewer-bottom) + 20px);left:var(--viewer-pad);pointer-events:none;display:flex;position:absolute}.viewer-foot-controls{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:7px;display:flex}.viewer-transport{gap:16px;display:flex}.viewer-time-value{color:var(--viewer-text);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:1.7rem;line-height:1}.viewer-date-value{color:var(--viewer-muted);margin-top:5px}.viewer-timeline{right:var(--viewer-pad);bottom:var(--viewer-bottom);left:var(--viewer-pad);pointer-events:auto;cursor:ew-resize;touch-action:none;height:16px;position:absolute}.viewer-timeline:before{background:var(--viewer-line);content:"";height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.viewer-timeline-fill{background:var(--viewer-text);height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.viewer-timeline-thumb{background:var(--viewer-text);width:2px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.viewer-dial{z-index:1;pointer-events:none;position:absolute;inset:0}.viewer-clock{right:calc(var(--viewer-pad) + 8px);bottom:calc(var(--viewer-bottom) + 20px);pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute}.viewer-dial-track{right:calc(var(--viewer-pad) - 39px);bottom:calc(var(--viewer-bottom) - 7px);pointer-events:auto;cursor:ns-resize;touch-action:none;width:44px;height:100px;position:absolute}.viewer-dial-arc{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewer-dial-tick{stroke:var(--viewer-line);stroke-width:1px;vector-effect:non-scaling-stroke}.viewer-dial-tick.is-major{stroke:var(--viewer-text)}.viewer-dial-marker{fill:var(--viewer-text)}.viewer-gate{z-index:20;-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#05050552;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.viewer-gate form{gap:14px;width:min(280px,100%);display:grid}.viewer-gate label{color:var(--viewer-muted);gap:7px;display:grid}.viewer-gate input{border:0;border-bottom:1px solid var(--viewer-line);width:100%;color:var(--viewer-text);font:inherit;background:0 0;outline:0;padding:10px 0}.viewer-gate input:focus{border-color:var(--viewer-text)}.viewer-gate button{justify-self:start}.viewer-gate output{min-height:1em;color:var(--viewer-muted)}@media (width<=760px){.studio.is-viewer{height:max(100lvh,177.778vw);min-height:100dvh}.studio.is-viewer .viewer-ui{height:100dvh;position:fixed}.viewer-logo{right:var(--viewer-pad);width:30px;height:30px;left:auto;transform:none}.viewer-tools{top:auto;right:auto;bottom:calc(var(--viewer-bottom) + 78px);left:var(--viewer-pad);flex-direction:column-reverse;align-items:flex-start;gap:7px}.viewer-tools button{text-align:left}.viewer-sync{top:auto;right:auto;bottom:calc(var(--viewer-bottom) + 122px);left:var(--viewer-pad);justify-items:start}.viewer-sync output{text-align:left}.viewer-style{top:auto;right:var(--viewer-pad);bottom:calc(var(--viewer-bottom) + 122px);left:var(--viewer-pad);width:auto;max-height:calc(100vh - var(--viewer-bottom) - 180px);max-height:calc(100dvh - var(--viewer-bottom) - 180px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.viewer-style input[type=range]{touch-action:pan-y;height:30px}.viewer-style input[type=range]::-webkit-slider-thumb{width:15px;height:15px;margin-top:-7px}.viewer-style input[type=range]::-moz-range-thumb{width:15px;height:15px}body{overflow:hidden}.toolbar{border-radius:16px;width:auto;max-height:50dvh;padding:14px;inset:auto 10px 10px}.toolbar-toggle,.studio.is-toolbar-hidden .toolbar-toggle{top:10px;right:10px}.about-panel{width:auto;top:52px;left:10px;right:10px}.biometric-panel{width:auto;inset:52px 10px 10px}.control-row,.color-row{grid-template-columns:1fr 48px}.control-row span,.color-row span{grid-column:1/-1}}