@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f4f5f1;background:#141615;font-synthesis:none;font-weight:400;--bg:#141615;--panel:#1d201e;--line:#353934;--muted:#999f97;--lime:#d8fa54;--text:#f4f5f1;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{border:0;background:none}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}button,input{min-width:0}input[type=range]{accent-color:var(--lime);width:100%;height:20px;cursor:pointer}input[type=checkbox]{accent-color:var(--lime);width:18px;height:18px;flex-shrink:0}svg{vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:6px;padding:13px 18px;min-height:46px;font-size:14px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--lime);color:#202617}.primary:hover:not(:disabled){background:#e2ff7e}.secondary{background:#252925;border-color:#41453e;color:#e4e6df}.secondary:hover:not(:disabled){background:#30352e}.danger{background:#df664d;color:#141615}.wide{width:100%}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:transparent}.icon-button:hover{background:#30372c}.text-button{font-size:14px;display:flex;align-items:center;gap:7px;color:var(--muted);padding:10px 0}.text-button:hover{color:var(--text)}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;background:var(--lime);border-radius:50%}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{display:grid;place-items:center;width:35px;height:35px;background:var(--lime);color:#141615;font-size:30px;font-weight:800;letter-spacing:-5px;line-height:1;padding-right:5px;border-radius:4px;position:relative}.brand-symbol span{position:absolute;right:5px;top:-6px;font-size:23px}.brand strong{font-weight:800;font-size:22px;letter-spacing:-1px}.brand strong span{font-weight:400;color:#a2a89d}.app-header{height:83px;margin:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px}.header-caption{font-size:13px;color:#c4c8bf;display:flex;gap:13px;align-items:center}.header-caption span{font-size:10px;letter-spacing:1.5px;color:#757c72}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.prototype-label{font-size:12px;color:#a2a99c;display:flex;align-items:center;gap:12px}.prototype-label b{border:1px solid #4b5144;padding:4px 7px;font:12px monospace;color:var(--lime);border-radius:4px}.header-new{display:flex;align-items:center;gap:7px;font-size:13px}.connection-label{display:flex;gap:7px;align-items:center;font-size:12px;color:#f0ac79}.connection-label.online{color:#b4beaa}.setup-page,.studio-page{max-width:1600px;padding:0 44px;margin:auto}.page-heading{padding:43px 0 33px;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-heading h1{font-size:clamp(25px,2.45vw,36px);font-weight:550;letter-spacing:-.9px;margin-top:13px;line-height:1.4}.page-heading p{font-size:14px;color:var(--muted);margin-top:9px}.setup-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:36px}.setup-controls{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.section-label{display:flex;align-items:center;gap:11px;margin-bottom:26px}.section-label>span{font:12px monospace;color:var(--lime);border:1px solid #555e41;border-radius:4px;width:25px;height:25px;display:grid;place-items:center}.section-label h2{font-size:17px;font-weight:600}.settings-form{display:flex;flex-direction:column;gap:23px}.settings-form label{font-size:13px;color:#c2c7bd;display:flex;flex-direction:column;gap:9px}.settings-form input:not([type=range]):not([type=checkbox]){width:100%;border:1px solid #41463e;border-radius:5px;padding:12px 11px;background:#171a17;color:var(--text);font-size:14px;outline-offset:2px}.settings-form fieldset{border:0;padding:0;margin:0;min-width:0}.settings-form fieldset:disabled{opacity:.5}.settings-form legend{padding:0;margin-bottom:14px;font-size:14px;display:flex;align-items:center;gap:7px;width:100%;color:#e5e8df}.settings-form legend span{margin-left:auto;font-size:12px;color:var(--muted)}.two-fields{display:flex;align-items:end;gap:10px}.two-fields>label{flex:1;min-width:0}.two-fields>span{padding-bottom:12px;color:#8f9986}.field-help{font-size:12px;line-height:1.7;color:#91998c;margin-top:10px}.presets{display:flex;gap:8px;margin-top:10px}.presets button{border:1px solid var(--line);padding:4px 10px;border-radius:3px;font-size:12px;color:var(--muted)}.presets button.selected{color:#cfec81;border-color:#647345;background:#303925}.form-divider{height:1px;background:var(--line)}.field-label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:-11px;gap:8px}.field-label>span{font-size:12px;color:var(--muted)}.segmented{display:flex;background:#151815;padding:4px;border-radius:5px;gap:4px}.segmented button{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;padding:9px 0;font-size:12px;color:#9ba691;border-radius:3px}.segmented .active{background:#343e2b;color:#d8edb6}.advanced-toggle{justify-content:space-between;margin-top:-8px;padding:0}.advanced-fields{display:grid;gap:20px}.advanced-fields label>span{float:right}.check-label{flex-direction:row!important;align-items:center;line-height:1.6}.form-error{font-size:13px;color:#ffb29a;line-height:1.6}.setup-preview{min-width:0;padding-top:3px}.preview-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c5cbbf}.preview-heading span:first-child{display:flex;align-items:center;gap:7px}.preview-heading b{font-size:10px;color:#717a69;margin-left:4px}.preview-stage{margin:26px 0 27px;padding:0 22px}.dimension{font-size:11px;color:#818c77;font-family:monospace;letter-spacing:1px}.dimension.top{display:flex;align-items:center;gap:15px;text-align:center;margin-bottom:15px}.dimension.top:before,.dimension.top:after{content:"";flex:1;border-top:1px solid #424936}.dimension.bottom{margin-top:14px;display:flex;align-items:center;justify-content:space-between}.dimension.bottom span:first-child{letter-spacing:0;font-family:inherit;font-size:12px}.preview-wall{position:relative;overflow:hidden;box-shadow:0 10px 50px #0004;min-height:200px;max-height:550px}.preview-type{position:absolute;left:16%;top:9%;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;line-height:.91;font-size:clamp(40px,7.4vw,117px);letter-spacing:-2px;font-weight:900;color:#293fdf}.preview-type span{display:block;color:#ed6b45;letter-spacing:-3px}.preview-note{position:absolute;bottom:7%;left:17%;font-size:10px;letter-spacing:1px;color:#7e8274}.tracking-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.fixed-texture{position:absolute;inset:0;width:100%;height:100%}.anchor{position:absolute;transform:translate(-50%,-50%)}.anchor img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none}.anchor.debug{outline:2px solid #ff583b;outline-offset:3px}.anchor>span{position:absolute;top:-19px;left:0;font:11px monospace;color:#e73e1e;background:#fff;padding:1px 4px}.calibration-target{position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);opacity:.65}.calibration-target i,.calibration-target b{position:absolute;background:#3e4543;box-shadow:0 0 0 1px #fff9}.calibration-target i{left:6px;top:0;width:1px;height:14px}.calibration-target b{left:0;top:6px;width:14px;height:1px}.nine-points i{position:absolute;transform:translate(-50%,-50%);color:#df4439;font:24px monospace}.preview-palette{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.palette-colors{display:flex;padding-left:0}.palette-colors span{width:31px;height:46px;display:block;border:3px solid var(--bg);border-radius:40px;margin-left:-7px;transform:rotate(18deg)}.palette-colors span:first-child{margin-left:0}.preview-palette>div:nth-child(2){display:flex;flex-direction:column;gap:7px}.preview-palette strong{font-size:16px;font-weight:500}.preview-palette>div>span{font-size:12px;color:var(--muted)}.palette-number{margin-left:auto;font-family:Barlow Condensed,sans-serif;font-size:48px;color:#424a39;font-weight:800}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:27px 0}.setup-steps svg{display:block;margin-bottom:16px;color:#b0ba9f;width:22px;height:22px;stroke-width:1.4}.setup-steps b{font-size:14px;font-weight:500;display:block;margin-bottom:7px}.setup-steps p{font-size:12px;color:#89957d;line-height:1.8}.setup-footer,.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:37px 0 26px;color:#717d66;font-size:11px}.attribution{font-size:10px;color:#808976;line-height:1.6}.attribution a{text-decoration:underline;text-underline-offset:3px}.studio-heading{padding:32px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:15px}.studio-heading h1{font-size:30px;font-weight:550;letter-spacing:-1px;display:flex;gap:15px;align-items:center;margin-top:9px}.studio-heading p{font-size:13px;color:var(--muted);margin-top:9px}.status-pill{padding:5px 8px;font-size:10px;border:1px solid #565b51;border-radius:4px;letter-spacing:1.1px;font-weight:500;color:#aeb6a5}.status-pill.live{border-color:#657642;color:#d8fa54;background:#28321f}.studio-actions{display:flex;gap:12px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 287px;gap:24px}.workspace{min-width:0}.canvas-toolbar{height:49px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px 8px 0 0;background:#20251f;padding:0 18px}.canvas-toolbar>span{display:flex;align-items:center;gap:8px;font-size:13px}.canvas-toolbar b{font-size:11px;font-weight:400;color:var(--muted);margin-left:9px}.small-dot{width:6px;height:6px;background:#859379;border-radius:50%}.small-dot.active{background:var(--lime)}.canvas-toolbar>div{display:flex;gap:12px;align-items:center}.canvas-toolbar button{display:flex;align-items:center;gap:6px;color:#909d83;font-size:11px;min-height:34px}.canvas-toolbar button.active{color:var(--lime)}.canvas-workbench{padding:15px 22px 0;background:#0e110e;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}.ruler-top{display:flex;justify-content:space-between;color:#6b775f;font:10px monospace;padding:0 0 9px}.live-canvas{position:relative;isolation:isolate;overflow:hidden;width:100%;box-shadow:0 0 2px #000}.live-canvas>canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:0}.mist-layer{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.mist-layer i{position:absolute;display:block;aspect-ratio:1;border-radius:50%;opacity:.08;filter:blur(12px);transform:translate(-50%,-50%)}.cursor-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}.participant-cursor{position:absolute;transform:translate(-50%,-50%);width:21px;height:21px;border:1.5px solid var(--cursor-color);border-radius:50%;background:#fff7;box-shadow:0 0 0 1px #fffd}.participant-cursor:before,.participant-cursor:after{content:"";position:absolute;background:var(--cursor-color)}.participant-cursor:before{width:1px;height:7px;top:5px;left:9px}.participant-cursor:after{height:1px;width:7px;left:6px;top:8px}.participant-cursor span{position:absolute;left:24px;top:0;white-space:nowrap;background:var(--cursor-color);color:#fff;text-shadow:0 1px 1px #0005;font-size:10px;padding:3px 5px;border-radius:3px}.participant-cursor.spraying{width:27px;height:27px;border-width:2px}.participant-cursor.spraying:before{left:12px;top:8px}.participant-cursor.spraying:after{left:9px;top:11px}.canvas-caption{display:flex;justify-content:space-between;gap:10px;color:#748267;font-size:10px;padding:13px 0}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;background:#e8eae5aa;z-index:5;color:#424b3a;font-size:14px}.session-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);border-radius:7px;margin-top:16px;padding:17px}.session-state{display:flex;gap:12px;align-items:center}.session-icon{width:38px;height:38px;display:grid;place-items:center;background:#282f22;border:1px solid #424f33;border-radius:50%;color:#9bad87}.session-icon.live{color:var(--lime)}.session-state>div{display:flex;flex-direction:column;gap:6px}.session-state strong{font-size:13px;font-weight:500}.session-state>div>span{font-size:11px;color:#859476}.session-buttons{display:flex;align-items:center;gap:8px}.session-buttons .button{min-height:38px;padding:9px 12px;font-size:12px}.paint-rack{padding:24px 0}.rack-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.rack-heading h2{font-size:18px;font-weight:500;margin-top:8px}.rack-heading>span{font-size:11px;color:#87967b}.rack-heading .eyebrow{font-size:10px}.paint-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.paint-card{min-width:0}.paint-swatch{height:53px;border-radius:5px;display:flex;align-items:end;padding:8px 10px}.paint-swatch>span{font:10px monospace;color:#fff9}.paint-card>strong{font-size:12px;font-weight:500;display:block;margin:10px 0 5px}.paint-card>span{font-size:11px;color:#829072}.studio-sidebar{display:flex;flex-direction:column;gap:16px}.join-card,.people-card{background:#1e231d;border:1px solid var(--line);border-radius:8px;padding:20px}.join-card .section-label{gap:9px;margin-bottom:17px}.join-card .section-label h2{font-size:14px}.join-card .section-label>span{border:0;width:18px}.qr-container{position:relative;background:#fff;border-radius:6px;padding:7px;width:167px;height:167px;margin:0 auto 16px}.qr-container img{width:100%;height:100%;display:block}.join-card>p{font-size:10px;color:#98a389;text-align:center;line-height:1.7}.room-code{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-top:1px solid var(--line);margin-top:17px;padding:15px 0}.room-code>span{color:#88977a}.room-code strong{font-family:monospace;font-size:16px;letter-spacing:2px;font-weight:500}.join-card .button{font-size:12px;padding:9px;min-height:36px}.qr-warning{color:#d1b788!important;text-align:left!important;margin-top:12px;font-size:11px!important}.people-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.people-heading h2{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.people-heading>span{font:12px monospace;color:#a1ad93}.people-empty{text-align:center;color:#7f8d73;padding:10px 0 7px}.people-empty svg{stroke-width:1.2}.people-empty p{font-size:13px;color:#a9b79c;margin:13px 0 5px}.people-empty>span{font-size:10px}.person-row{display:flex;align-items:center;gap:10px;margin-top:16px}.person-row.offline{opacity:.5}.person-avatar{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font:12px monospace;color:#fff;text-shadow:0 1px 3px #0009}.person-row>div{flex:1;display:flex;flex-direction:column;gap:4px}.person-row strong{font-size:12px;font-weight:500;display:flex;gap:6px;align-items:center}.person-row em{font-size:9px;font-style:normal;background:#374032;padding:2px 4px;border-radius:3px;color:#bacaac}.person-row>div>span{font-size:10px;color:#899e79}.person-amount{font:14px monospace}.person-amount small{font-size:10px;color:#87977a;margin-left:2px}.simulator-link{display:flex;gap:10px;align-items:center;border:1px dashed #414d38;border-radius:7px;padding:15px 14px;color:#a8b39c}.simulator-link>div{flex:1;display:flex;flex-direction:column;gap:6px}.simulator-link strong{font-size:12px;font-weight:500}.simulator-link span{font-size:10px;color:#7d8c70}.simulator-link:hover{border-color:var(--lime)}.utility-actions{display:flex;justify-content:space-between;gap:8px}.utility-actions button{display:flex;align-items:center;gap:7px;font-size:12px;color:#8f9d81;padding:7px}.utility-actions button:hover{color:var(--text)}.studio-footer{border-top:1px solid var(--line);margin-top:4px;padding-top:21px}.notice{border:1px solid #5e6039;background:#30341e;color:#e4e7be;display:flex;justify-content:space-between;gap:14px;padding:12px 15px;border-radius:6px;font-size:13px;line-height:1.6;margin-bottom:16px}.notice>button{flex-shrink:0;padding:0 4px}.loading-page,.error-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px;text-align:center}.error-screen h1{font-size:27px;font-weight:500}.error-screen p{max-width:440px;color:var(--muted);line-height:1.7}.error-screen .brand{margin-bottom:30px}dialog{width:min(480px,calc(100% - 30px));max-height:90dvh;overflow:auto;border:1px solid #46523b;border-radius:12px;padding:27px;background:#1b2118;color:var(--text);box-shadow:0 25px 120px #0009}dialog::backdrop{background:#050905a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.modal-heading h2{font-size:21px;font-weight:550}.modal-heading .icon-button{border:0;flex-shrink:0}.modal-intro{color:#a1b292;font-size:14px;line-height:1.8;margin-bottom:24px}.modal-buttons{display:flex;gap:12px;justify-content:end}.launch-checks{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.launch-checks label{display:flex;gap:11px;align-items:start;font-size:14px;line-height:1.7}.launch-checks input{margin-top:3px}.launch-checks~.button{margin-top:22px}.refill-all{margin-top:20px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.export-option{display:flex;width:100%;gap:15px;align-items:center;border:1px solid #455939;padding:19px 14px;border-radius:7px;margin-top:13px;text-align:left}.export-option:hover{background:#2e3d24}.export-option>div{display:flex;flex:1;flex-direction:column;gap:6px}.export-option strong{font-size:15px;font-weight:500}.export-option span{font-size:12px;color:#9bac8a}.wall-page{min-height:100dvh;background:#070907;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative}.wall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 25px;width:100%;font-size:13px}.wall-toolbar a,.wall-toolbar button{display:flex;gap:7px;align-items:center;color:#a5b199;font-size:13px}.wall-toolbar>span{font-size:13px}.wall-toolbar b{font-weight:400;font-family:monospace;color:#849772;margin-left:9px}.wall-instruction{font-size:12px;color:#879b75;margin:0 0 18px}.wall-fit{width:min(calc(100vw - 60px),calc((100dvh - 200px)*var(--wall-ratio)));aspect-ratio:var(--wall-ratio);margin:auto}.wall-footer{display:flex;align-items:center;gap:15px;padding:19px 25px;width:100%;justify-content:center}.wall-footer img{width:70px;height:70px;background:#fff;padding:2px}.wall-footer strong{font-size:14px;font-weight:500}.wall-footer p{font-size:12px;color:#89997a;margin-top:7px}.wall-footer>span{margin-left:35px;font-size:12px;color:#879778}.wall-page.fullscreen .wall-fit{width:min(100vw,calc(100dvh*var(--wall-ratio)));margin:auto}.wall-page.fullscreen .wall-toolbar{position:absolute;top:0;z-index:20;background:#12190eed;opacity:0;transition:opacity .2s}.wall-page.fullscreen .wall-toolbar:hover,.wall-page.fullscreen .wall-toolbar:focus-within{opacity:1}.wall-page>.notice{position:absolute;bottom:12px;z-index:30;max-width:90%}.controller-page{max-width:430px;margin:auto;min-height:100dvh;padding:20px 22px 15px;padding-bottom:max(18px,env(safe-area-inset-bottom));background:#141915}.phone-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.phone-header .brand-symbol{width:28px;height:28px;font-size:26px}.phone-header .brand strong{font-size:19px}.phone-identity{display:flex;gap:7px;align-items:center;font-size:12px;color:#b7c1ae}.phone-identity>i{height:7px;width:7px;border-radius:50%}.phone-identity>svg{margin-left:5px;stroke-width:1.5}.phone-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.phone-heading h1{font-size:21px;font-weight:500;letter-spacing:-.6px;margin-top:9px}.phone-heading .eyebrow{font-size:10px}.phone-heading .icon-button{border:0;color:#a2b494}.camera-preview{aspect-ratio:1.72;position:relative;overflow:hidden;background:#080c08;border:1px solid #3d5034;border-radius:8px}.camera-preview>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.camera-crosshair{position:absolute;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.camera-crosshair>span{position:absolute;width:15px;height:15px;border-color:#d8fa54;border-style:solid}.camera-crosshair>span:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.camera-crosshair>span:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.camera-crosshair>span:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.camera-crosshair>span:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}.camera-crosshair>i{position:absolute;left:34px;top:34px;width:3px;height:3px;border-radius:50%;background:#d8fa54;box-shadow:0 0 0 1px #0009}.camera-start{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;background:#172216}.camera-start>svg{color:#a7c68d;stroke-width:1.3;display:none}.camera-start h2{font-size:17px;font-weight:500}.camera-start p{font-size:12px;line-height:1.6;color:#93ad82}.camera-start .button{padding:8px 14px;min-height:38px;font-size:13px}.camera-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;font-size:10px;background:#151e13cc;border-radius:3px;padding:5px 7px;color:#d8fa54}.camera-badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.camera-anchor-count{position:absolute;right:10px;bottom:10px;font-size:10px;background:#152011c9;padding:4px 6px;border-radius:3px;color:#e0e9d8}.calibration-guide{margin:16px 0 22px}.calibration-steps{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#829774}.calibration-steps i{height:1px;flex:1;background:#3c4b33}.calibration-steps .done{color:#d8fa54}.calibration-progress{height:3px;background:#2f4029;margin-top:10px;border-radius:5px;overflow:hidden}.calibration-progress i{display:block;background:var(--lime);height:100%;transition:width .25s}.calibration-guide p{font-size:12px;color:#a5b59a;line-height:1.7;margin-top:10px}.calibration-guide .button{margin-top:13px;font-size:12px}.current-can{display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:17px 15px;background:#222c1f;border:1px solid #3b4a31;border-bottom:0;border-radius:8px 8px 0 0}.current-color{width:38px;height:50px;flex-shrink:0;border-radius:6px}.current-can>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.current-can>div>span{font-size:10px;color:#97ab87}.current-can strong{font-size:20px;font-weight:500}.current-can small{font-size:11px;color:#93a77f}.can-remaining{text-align:right;display:flex;flex-direction:column;gap:4px}.can-remaining strong{font-size:24px;font-family:monospace}.can-remaining strong small{font-size:13px;color:#cad5be}.current-can>svg{color:#88a075;width:15px}.ink-level{height:4px;background:#3b4a31;border-radius:0 0 5px 5px;overflow:hidden}.ink-level>i{height:100%;display:block;transition:width .08s linear}.quick-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:17px 0 20px}.quick-palette>button{position:relative;aspect-ratio:1.1;background:#202a1b;padding:4px;border-radius:50%;border:1px solid transparent;overflow:hidden}.quick-palette>button.selected{border-color:#cce4ab;background:#314521}.quick-palette>button>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;position:relative;z-index:1;color:#fff;text-shadow:0 1px 1px #000}.quick-palette>button>i{position:absolute;width:3px;left:0;bottom:0;background:#d8fa54}.spray-button{width:100%;height:155px;border:1px solid #566c38;background:#d8fa54;color:#1c3010;border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .12s,transform .12s}.spray-button strong{font-size:23px;font-weight:600;z-index:1}.spray-button>span:last-child{font-size:11px;z-index:1;color:#547037}.spray-button>svg{z-index:1;stroke-width:1.6}.spray-button:disabled{opacity:.6;background:#35472a;color:#a7bd96;border-color:#43553a}.spray-button:disabled>span:last-child{color:#849c72}.spray-rings{position:absolute;width:140px;height:140px;top:8px;border:1px solid #8eb728;border-radius:50%;opacity:.5;box-shadow:0 0 0 22px #9fc43033,0 0 0 44px #94ba2a22,0 0 0 66px #94ba2a15}.spray-button.spraying{background:#e6ff91;transform:scale(.985)}.spray-button.spraying .spray-rings{animation:pulse .7s infinite}.flow-control{display:flex;gap:12px;align-items:center;margin-top:18px;font-size:12px;color:#a3b38f}.flow-control input{flex:1;min-width:0}.flow-control b{font-family:monospace;font-size:12px;font-weight:400;min-width:35px;color:#d8fa54}.phone-metrics{display:flex;justify-content:space-between;padding:18px 13px 0;border-top:1px solid #34442b;margin-top:20px}.phone-metrics>div{display:flex;flex-direction:column;gap:7px;min-width:70px}.phone-metrics>div>span{font-size:10px;color:#81986d}.phone-metrics b{font-size:16px;font-weight:500;color:#c4d3b5}.phone-metrics small{font-size:11px;color:#869e73;font-weight:400}.phone-footer{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;font-size:10px;line-height:1.7;color:#6f885d;margin-top:30px}.phone-footer .attribution{font-size:9px;color:#647c51}.can-picker{display:flex;flex-direction:column;gap:10px}.can-picker>button{display:flex;gap:14px;align-items:center;width:100%;border:1px solid #3c5130;padding:12px;border-radius:7px;text-align:left}.can-picker>button.active{background:#344b26;border-color:#859f5d}.can-picker>button>span{width:38px;height:44px;border-radius:5px}.can-picker>button>div{flex:1;display:flex;flex-direction:column;gap:6px}.can-picker strong{font-weight:500;font-size:15px}.can-picker small{color:#9db987;font-size:12px}.can-picker b{font:15px monospace}.refill-can{margin:18px auto 0}.off-canvas-warning{font-size:12px;color:#ecb475;line-height:1.6;margin-top:10px}.simulator-page{max-width:840px;display:grid;grid-template-columns:1fr 310px;column-gap:25px;padding:28px}.simulator-page>.phone-header,.simulator-page>.phone-heading,.simulator-page>.phone-footer,.simulator-page>.notice{grid-column:1/-1}.simulator-instruction{font-size:12px;line-height:1.8;color:#b4c59e;background:#283521;border:1px solid #455a32;padding:12px;border-radius:6px;margin-bottom:15px}.simulation-pad{aspect-ratio:1.25;background:#edefe9;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;border-radius:5px;background-image:linear-gradient(#2239190d 1px,transparent 1px),linear-gradient(90deg,#2239190d 1px,transparent 1px);background-size:25px 25px;border:1px solid #4b6834}.simulation-pad>div{position:absolute;top:50%;left:0;right:0;text-align:center;color:#839374;font-size:12px;transform:translateY(30px);pointer-events:none}.sim-aim{position:absolute;transform:translate(-50%,-50%);color:var(--paint);pointer-events:none}.pad-corner{position:absolute;bottom:11px;left:11px;color:#7d8a6f;font:11px monospace;pointer-events:none}.simulator-page .phone-tracking>.button{margin-top:15px}.sim-parameters{display:flex;flex-direction:column;gap:18px;margin-top:22px}.sim-parameters label{display:flex;flex-direction:column;gap:7px}.sim-parameters label>span{display:flex;justify-content:space-between;font-size:12px;color:#a7bc93}.sim-parameters b{font:12px monospace;color:#d7e6c5}.spinner{width:28px;height:28px;border:2px solid #536843;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.16);opacity:.3}}@media(min-width:1600px){.setup-grid{grid-template-columns:370px minmax(0,1fr);gap:50px}.preview-type{font-size:125px}.setup-controls{padding:30px}.setup-steps{padding-top:35px}.preview-wall{max-height:600px}}@media(max-width:1100px){.app-header{margin:0 25px;gap:25px}.setup-page,.studio-page{padding:0 25px}.setup-grid{grid-template-columns:305px minmax(0,1fr);gap:24px}.setup-controls{padding:21px}.header-caption span{display:none}.preview-stage{padding:0}.preview-type{font-size:8vw}.setup-steps{gap:13px}.setup-steps b{font-size:12px}.setup-steps p{font-size:11px}.preview-palette{gap:10px}.preview-palette strong{font-size:14px}.palette-colors span{width:25px;height:39px}.palette-number{display:none}.studio-grid{grid-template-columns:minmax(0,1fr) 260px;gap:19px}.studio-heading h1{font-size:26px}.canvas-workbench{padding:12px 13px 0}.session-controls{flex-wrap:wrap}.session-state>div>span{font-size:10px}.session-buttons{margin-left:auto}.paint-grid{gap:8px}.join-card,.people-card{padding:17px}}@media(max-width:760px){.app-header{height:70px;margin:0 18px;gap:16px}.header-caption{display:none}.brand-symbol{width:31px;height:31px}.brand strong{font-size:20px}.header-actions{gap:13px}.prototype-label{font-size:11px}.setup-page,.studio-page{padding:0 18px}.page-heading{padding:29px 0 26px;flex-wrap:wrap}.page-heading h1{font-size:25px;letter-spacing:-.7px;max-width:350px}.page-heading p{font-size:13px}.page-heading .button{font-size:12px;padding:10px 13px}.setup-grid{display:flex;flex-direction:column;gap:28px}.setup-preview{order:-1}.setup-controls{padding:24px}.preview-heading{font-size:11px}.preview-stage{margin:19px 0 22px}.preview-type{font-size:16vw;top:12%;left:18%}.preview-note{font-size:8px}.preview-wall{min-height:170px}.preview-palette{padding:17px 0;gap:20px}.palette-colors span{width:30px;height:41px}.preview-palette strong{font-size:14px}.preview-palette>div>span{font-size:10px}.setup-steps{display:none}.setup-footer,.studio-footer{flex-direction:column;align-items:flex-start;margin-top:27px;font-size:10px;gap:12px}.attribution{font-size:9px}.header-new{font-size:12px}.connection-label{font-size:11px}.studio-heading{flex-wrap:wrap;padding:26px 0 22px;gap:20px}.studio-heading h1{font-size:26px}.studio-actions{width:100%}.studio-actions>.button{flex:1;font-size:12px;padding:11px 14px}.studio-grid{grid-template-columns:1fr}.canvas-toolbar{padding:0 12px}.canvas-toolbar>span{font-size:12px}.canvas-toolbar b{font-size:9px;margin-left:0}.canvas-toolbar button>span{display:none}.canvas-workbench{padding:10px 9px 0}.canvas-caption{font-size:9px}.session-controls{padding:13px}.session-state strong{font-size:12px}.session-state>div>span{font-size:10px}.session-buttons{width:100%}.session-buttons .button{flex:1}.paint-rack{padding:20px 0 6px}.paint-grid{gap:6px}.paint-swatch{height:47px;padding:7px}.paint-card>strong{font-size:10px}.paint-card>span{font-size:10px}.rack-heading>span{font-size:10px}.rack-heading h2{font-size:17px}.studio-sidebar{display:grid;grid-template-columns:1fr;gap:15px}.join-card{padding:20px}.join-card .section-label h2{font-size:16px}.join-card>p{font-size:12px}.qr-container{width:180px;height:180px}.room-code,.join-card .button{font-size:13px}.people-heading h2{font-size:15px}.people-empty p{font-size:14px}.people-empty>span{font-size:12px}.person-row strong{font-size:14px}.person-row>div>span{font-size:12px}.simulator-link strong{font-size:14px}.simulator-link span{font-size:12px}.wall-toolbar{gap:9px;padding:12px;font-size:11px}.wall-toolbar>span{max-width:40%;font-size:11px}.wall-toolbar b{display:none}.wall-toolbar button,.wall-toolbar a{font-size:11px}.wall-instruction{font-size:10px;padding:0 16px;line-height:1.6}.wall-fit{width:min(calc(100vw - 20px),calc((100dvh - 200px)*var(--wall-ratio)))}.wall-footer{gap:10px;padding:15px}.wall-footer>span{display:none}.wall-footer img{width:60px;height:60px}.wall-footer strong{font-size:12px}.wall-footer p{font-size:10px}.simulator-page{display:block;padding:20px;max-width:460px}.simulator-page .phone-tracking{margin-bottom:25px}.simulator-page .simulation-pad{aspect-ratio:1.7}.sim-parameters{gap:11px}.simulator-page .phone-heading h1{font-size:22px}dialog{padding:23px}.modal-heading h2{font-size:19px}.modal-intro{font-size:13px}.participant-cursor span{font-size:8px;padding:2px 4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.cursor-layer{z-index:2}.camera-controller{position:relative;isolation:isolate;display:flex;flex-direction:column;max-width:480px;min-height:620px;height:100svh;padding:max(16px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));background:#101813;color:#f5f7f2}.camera-controller .phone-header{position:relative;z-index:4;margin-bottom:14px;min-height:30px;flex-shrink:0}.camera-controller .phone-heading{position:relative;z-index:4;margin-bottom:8px;min-height:45px;flex-shrink:0;text-shadow:0 1px 8px #000}.camera-controller .phone-heading h1{font-size:20px;margin-top:6px}.camera-controller .phone-heading .eyebrow{color:#ced8c7}.camera-controller .phone-identity{color:#edf4e6}.camera-controller>.notice{position:relative;z-index:5;flex-shrink:0;font-size:13px;margin-top:8px}.camera-controller .phone-tracking{display:flex;flex-direction:column;flex:1;min-height:200px;position:static}.camera-controller .camera-preview{position:fixed;z-index:0;top:0;left:50%;transform:translate(-50%);width:min(100vw,480px);height:100svh;min-height:620px;aspect-ratio:auto;border:0;border-radius:0;background:#121d17;overflow:hidden}.camera-controller .camera-preview>canvas{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:fill}.camera-shade{position:absolute;inset:0;background:linear-gradient(#08130de0 0,transparent 25%,transparent 66%,#08130de0 100%);pointer-events:none;z-index:1}.camera-controller .camera-crosshair{z-index:2;width:92px;height:92px}.camera-controller .camera-crosshair>i{left:45px;top:45px}.camera-controller .camera-crosshair>span{width:20px;height:20px;border-color:#edffd1;filter:drop-shadow(0 1px 2px #183610)}.camera-controller .camera-start{background:radial-gradient(ellipse at center,#25443288,#101d19 70%);z-index:2;padding:0 24px;gap:16px}.camera-controller .camera-start>svg{display:block;width:42px;height:42px;color:#b5d396}.camera-controller .camera-start h2{font-size:19px;line-height:1.5}.camera-controller .camera-start p{font-size:14px;line-height:1.8;color:#bfd0b2}.camera-controller .camera-start .button{font-size:15px;min-height:46px;padding:12px 18px}.camera-actions{position:absolute;top:calc(126px + env(safe-area-inset-top));right:16px;z-index:8;display:flex;gap:8px}.camera-actions>button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c0d4b24d;border-radius:8px;color:#e5efdd;background:#102015b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-hud{position:absolute;top:calc(132px + env(safe-area-inset-top));left:16px;z-index:3;display:flex;flex-direction:column;gap:7px}.camera-controller .camera-badge,.camera-controller .camera-anchor-count{position:static;align-self:flex-start;max-width:210px;font-size:12px;background:#0b1d12b8;color:#deefcf;padding:5px 8px;line-height:1.3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-controller .calibration-guide{position:relative;z-index:4;margin:auto 0 0;background:#12241be8;border:1px solid #698b5366;border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-shrink:0}.camera-controller .calibration-steps{font-size:12px;gap:7px;color:#b2c3a6}.camera-controller .calibration-steps .done{color:#d8fa54}.calibration-message{display:flex;align-items:center;gap:12px;margin-top:13px}.calibration-message>img{width:46px;height:46px;object-fit:contain;background:#f8f7f2;flex-shrink:0;border-radius:3px}.camera-controller .calibration-guide p{margin:0;color:#e0e9d8;font-size:14px;line-height:1.7}.calibration-evidence{display:flex;justify-content:space-between;gap:12px;color:#b2c699;font-size:12px;margin-top:12px}.camera-controller .calibration-guide .button{font-size:14px;white-space:normal;line-height:1.5}.camera-controller .phone-footer{position:relative;z-index:4;margin-top:12px;gap:6px;flex-shrink:0;text-shadow:0 1px 5px #000;color:#b0c59c}.camera-controller .phone-footer .attribution{color:#9bac8e;font-size:9px}.camera-controller.is-ready .calibration-guide{padding:8px 12px;border-radius:8px}.camera-controller.is-ready .calibration-steps,.camera-controller.is-ready .calibration-progress{display:none}.camera-controller.is-ready .calibration-message{margin:0}.camera-controller.is-ready .calibration-guide p{font-size:12px}.camera-controller .can-control{position:relative;z-index:4;flex-shrink:0;padding:12px;background:#101e16eb;border:1px solid #58704088;border-radius:12px;margin-top:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.camera-controller .current-can{padding:0 0 10px;background:transparent;border:0;gap:10px}.camera-controller .current-color{height:32px;width:27px;border-radius:4px}.camera-controller .current-can strong{font-size:18px}.camera-controller .current-can>div:nth-child(2)>span,.camera-controller .current-can small{display:none}.camera-controller .can-remaining strong{font-size:20px}.camera-controller .can-remaining strong small{display:inline}.camera-controller .can-remaining>span{font-size:10px}.camera-controller .quick-palette{padding:10px 0;gap:12px}.camera-controller .quick-palette>button{width:38px;height:38px;max-width:100%;aspect-ratio:1;padding:3px;justify-self:center}.camera-controller .quick-palette>button>i{display:none}.camera-controller .spray-button{height:102px;gap:5px;border-radius:9px}.camera-controller .spray-button strong{font-size:21px}.camera-controller .spray-button>svg{width:24px;height:24px}.camera-controller .flow-control{margin-top:9px}.camera-controller .phone-metrics{display:none}.camera-controller .refill-can{margin:8px auto 0;padding:3px}.camera-controller.preview-only>.phone-header,.camera-controller.preview-only>.phone-heading,.camera-controller.preview-only>.notice,.camera-controller.preview-only .calibration-guide,.camera-controller.preview-only .can-control,.camera-controller.preview-only .phone-footer{visibility:hidden;pointer-events:none}.camera-controller.preview-only .camera-actions{top:max(16px,env(safe-area-inset-top))}.camera-controller.preview-only .camera-hud{top:max(20px,env(safe-area-inset-top))}.camera-controller.preview-only .camera-shade{opacity:.35}.tracking-details{display:grid;grid-template-columns:auto 1fr;gap:14px 18px;margin:0 0 20px;font-size:14px}.tracking-details dt{color:#a2b78e}.tracking-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.tracking-details~.button{margin-top:20px}.anchor-help{margin:-12px 0 0!important}.anchor.square img{object-fit:contain!important}@media(max-height:720px){.camera-controller{padding-top:max(10px,env(safe-area-inset-top))}.camera-controller .phone-header{margin-bottom:7px}.camera-controller .phone-heading{min-height:36px}.camera-controller .phone-heading h1{font-size:18px}.camera-actions{top:calc(106px + env(safe-area-inset-top))}.camera-hud{top:calc(112px + env(safe-area-inset-top))}.camera-controller .camera-start{gap:10px}.camera-controller .camera-start h2{font-size:17px}.camera-controller .camera-start p{font-size:13px}.camera-controller .calibration-guide{padding:12px}.camera-controller .calibration-guide p{font-size:13px}.camera-controller .phone-footer>span:first-child{display:none}.camera-controller .phone-tracking{min-height:120px}.camera-controller .spray-button{height:84px}.camera-controller .can-control{padding:10px}.camera-controller .quick-palette{padding:7px 0}.camera-controller .quick-palette>button{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.camera-controller .calibration-progress i{transition:none}}