:root:not([data-theme]){--bg:#0e1013;--fg:#e7e9ee;--muted:#8b91a0;--dim:#7b8292;--glass:rgba(18,21,26,.82);--line:rgba(255,255,255,.09);--field:#12151a;--field-line:#2b2f39;--chip:#1a1d24;--accent:#6ea8fe;--accent-soft:#23324a;--accent-line:#3d557a;--shadow:0 18px 44px rgba(0,0,0,.55)}#browse-upload{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 22px}#browse-upload[hidden]{display:none}.up-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:22px;align-items:start}@media(max-width:720px){.up-grid{grid-template-columns:1fr;gap:16px}}.up-drop{display:block;border:1.5px dashed var(--field-line);border-radius:12px;background:var(--field);padding:22px 16px;text-align:center;cursor:pointer;transition:border-color .12s ease,background .12s ease}.up-drop:hover,.up-drop:focus-visible,.up-drop.over{border-color:var(--accent-line);background:var(--accent-soft);outline:none}.up-drop-inner{display:flex;flex-direction:column;gap:4px}.up-drop-inner strong{color:var(--fg);font-size:13px}.up-drop-inner span{color:var(--dim);font-size:11.5px}.up-preview-wrap{margin-top:14px}#up-preview{width:100%;height:auto;aspect-ratio:1;display:block;border:1px solid var(--line);border-radius:10px;background:var(--field)}.up-preview-cap{color:var(--dim);font-size:11px;margin:7px 0 0;text-align:center}.up-field{display:block;margin:0 0 13px}.up-field>span{display:block;font-size:12px;font-weight:500;color:var(--muted);margin:0 0 5px}.up-size{display:flex;align-items:center;gap:7px}.up-size input{width:100%;min-width:0}.up-size em{font-style:normal;color:var(--dim);font-size:12px;flex:none}.up-size input::-webkit-outer-spin-button,.up-size input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.up-size input[type=number]{-moz-appearance:textfield;appearance:textfield}.up-size input[type=number]{background:var(--field);color:var(--fg);border:1px solid var(--field-line);border-radius:8px;padding:7px 10px;font:inherit;font-size:12.5px}.up-hint{color:var(--dim);font-size:11.5px;line-height:1.55;margin:0 0 16px;padding:10px 12px;border-left:2px solid var(--accent-line);background:var(--hover-soft, rgba(255,255,245,.06));border-radius:0 8px 8px 0}.up-actions{display:flex;gap:8px}.up-actions .chip{flex:1 1 auto;padding:9px 12px}.up-actions .chip.primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--fg);font-weight:600}.up-actions .chip.primary:disabled{opacity:.4;cursor:not-allowed}.swatch-remove{position:absolute;top:3px;right:3px;width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#141413b8;color:var(--on-photo, #edece8);font-size:10px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease}.swatches button:hover .swatch-remove,.swatches button:focus-within .swatch-remove{opacity:1}.swatch-remove:hover{background:#b8412f}@media(pointer:coarse){.swatch-remove{opacity:1}}.room-switch{display:flex;gap:2px;margin-left:6px;padding-left:8px;border-left:1px solid var(--line)}.room-switch button{border:none;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;padding:7px 10px;border-radius:8px;white-space:nowrap}.room-switch button:hover{color:var(--fg)}.room-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--fg)}.room-switch-toggle{display:none}@media(max-width:720px){.room-switch{display:none;position:absolute;top:calc(100% + 8px);left:0;flex-direction:column;gap:2px;margin:0;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--glass);backdrop-filter:blur(14px);box-shadow:var(--shadow);min-width:150px;z-index:15}.room-switch.open{display:flex}.room-switch button{text-align:left;padding:8px 10px}.room-switch-toggle{display:flex}}.onboard{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0a0a099e;backdrop-filter:blur(3px);padding:20px}.onboard-card{background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px 28px;max-width:390px}.onboard-card h2{margin:0 0 10px;font-size:17px;font-weight:650;letter-spacing:-.2px}.onboard-lede{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.65}.onboard-actions{display:flex;gap:8px}.onboard-card .chip{flex:1 1 0;padding:10px;font-size:13px;font-weight:600}.onboard-card .chip.primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--fg)}.tour{position:fixed;inset:0;z-index:60;pointer-events:none}.tour.stood-down{display:none}.tour-pane{position:fixed;background:#0a0a09b8;pointer-events:auto;transition:left .22s cubic-bezier(.4,0,.2,1),top .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1)}.tour-pane.pass{pointer-events:none}.tour-lid{position:fixed;pointer-events:auto;background:transparent;cursor:default}.tour-lid[hidden]{display:none}@media(prefers-reduced-motion:reduce){.tour-pane{transition:none}}.tour-ring{position:fixed;pointer-events:none;border-radius:12px;border:1.5px solid var(--accent);box-shadow:0 0 0 3px var(--focus-ring, rgba(237,236,232,.12)),0 0 26px var(--selection, rgba(237,236,232,.26));transition:inherit}.tour.no-hole .tour-ring,.tour.no-hole .tour-ghost{display:none}.tour-ghost{position:fixed;pointer-events:none;width:0;height:0}.tour-ghost.is-drag:before,.tour-ghost.is-tap:before{content:"";position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 10px #00000080}.tour-ghost.is-drag:before{animation:tour-drag 2.4s ease-in-out infinite}.tour-ghost.is-tap:before{animation:tour-tap 1.9s ease-in-out infinite}.tour-ghost.is-tap:after{content:"";position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:tour-pulse 1.9s ease-out infinite}@keyframes tour-drag{0%,8%{transform:translate(-70px,8px);opacity:0}16%{transform:translate(-70px,8px);opacity:1}50%{transform:translate(70px,-8px);opacity:1}84%{transform:translate(-70px,8px);opacity:1}92%,to{transform:translate(-70px,8px);opacity:0}}@keyframes tour-tap{0%,60%,to{transform:scale(1);opacity:.95}70%{transform:scale(.72);opacity:1}}@keyframes tour-pulse{0%,60%{transform:scale(1);opacity:0}72%{transform:scale(1);opacity:.9}to{transform:scale(3.4);opacity:0}}@media(prefers-reduced-motion:reduce){.tour-ghost:before,.tour-ghost:after{animation:none}.tour-ghost.is-tap:after{display:none}}.tour-bubble{position:fixed;width:268px;max-width:calc(100vw - 28px);pointer-events:auto;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px 16px 12px;transition:left .22s cubic-bezier(.4,0,.2,1),top .22s cubic-bezier(.4,0,.2,1)}.tour-count{font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:var(--dim)}.tour-bubble h3{margin:4px 0 5px;font-size:14.5px;font-weight:650;letter-spacing:-.1px}.tour-bubble p{margin:0 0 12px;color:var(--muted);font-size:12.5px;line-height:1.55}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-actions button{border:none;background:none;cursor:pointer;font:inherit;font-size:12px;padding:5px 2px;color:var(--dim)}.tour-actions button:hover{color:var(--fg)}.tour-actions button[hidden]{display:none}.tour-next{border:1px solid var(--field-line)!important;border-radius:8px;padding:6px 12px!important;color:var(--muted)!important;font-weight:600}.tour-next:not(:disabled),.tour-next.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent, #161615)!important}.tour-next:disabled{opacity:.4;cursor:not-allowed!important}.tour-bubble.nudge{animation:tour-nudge .34s ease}@keyframes tour-nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.tour-bubble,.tour-bubble.nudge{transition:none;animation:none}}.tour-again{font-size:14px;font-weight:600}@media(max-width:720px){.tour-again{display:none}}.platform-link{position:fixed;right:14px;bottom:76px;z-index:9;max-width:280px;display:flex;flex-direction:column;gap:3px;padding:11px 14px;text-decoration:none;color:var(--muted);font-size:11.5px;line-height:1.5;transition:border-color .12s ease,color .12s ease}.platform-link:hover{color:var(--fg);border-color:var(--accent-line)}.platform-link strong{color:var(--fg);font-size:12.5px;font-weight:650}.platform-go{color:var(--accent);font-weight:600;margin-top:2px}@media(max-width:720px){.platform-link{left:64px;right:auto;bottom:14px;max-width:none;width:auto;padding:9px 13px}.platform-link>strong,.platform-link>span:not(.platform-go){display:none}.platform-go{margin:0;font-size:11px;white-space:nowrap}body:has(#walkpad:not([hidden])) .platform-link{display:none}}@media(max-width:560px){#inspector{max-height:44vh}}.guard{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);color:var(--fg);font:14px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.guard-card{max-width:460px;background:var(--glass);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:32px 34px}.guard-card h1{margin:0 0 14px;font-size:20px;font-weight:650;letter-spacing:-.3px}.guard-card p{margin:0 0 14px;color:var(--muted)}.guard-browsers{font-size:13px}.guard-browsers strong{color:var(--fg);font-weight:600}.guard-cta{color:var(--accent);text-decoration:none;font-weight:600}.guard-cta:hover{text-decoration:underline}.guard-foot{margin:22px 0 0;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.gate{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:#0a0a099e;backdrop-filter:blur(3px)}.gate-card{background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px 26px;max-width:400px}.gate-eyebrow{font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:6px}.gate-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.gate-card h2{margin:7px 0 9px;font-size:17px;font-weight:650;letter-spacing:-.2px}.gate-card p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.65}.gate-actions{display:flex;flex-wrap:wrap;gap:8px}.gate-actions .chip{flex:1 1 0;min-width:max-content;padding:10px;font-size:13px;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;cursor:pointer;background:var(--chip);border:1px solid var(--field-line);color:var(--muted)}.gate-actions .chip:hover{color:var(--fg);border-color:var(--line-strong, #3a4050)}.gate-actions .chip.primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--fg)}.chip.needs-account{opacity:.62}.chip.needs-account:after{content:"\b7";margin-left:5px;color:var(--accent);font-weight:700}.chip.needs-account:hover{opacity:1}.plan-note{margin:14px 2px 0;padding-top:12px;border-top:1px solid var(--line, #23262e);color:var(--dim);font-size:10.5px;line-height:1.5}@media(max-width:560px){#topbar .tour-again{display:none}}.explorer-backdrop{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:#0000008c;padding:16px}.explorer{width:min(760px,100%);max-height:min(560px,calc(100vh - 32px));display:flex;flex-direction:column;background:var(--panel);color:var(--fg);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;font-size:13px}.explorer button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line-strong);border-radius:8px;background:var(--raised);padding:6px 12px}.explorer button:disabled{opacity:.45;cursor:default}.explorer>header,.explorer>footer{display:flex;align-items:center;gap:8px;padding:10px 14px}.explorer>header{border-bottom:1px solid var(--line)}.explorer>footer{border-top:1px solid var(--line);flex-wrap:wrap}.explorer-spacer{flex:1}.explorer-dim{color:var(--muted);font-size:12px}.explorer .explorer-x{border-color:transparent;background:transparent;padding:4px 8px}.explorer .explorer-open{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.explorer-body{display:grid;grid-template-columns:190px 1fr;min-height:0;flex:1}.explorer-places{display:flex;flex-direction:column;gap:4px;padding:10px;border-right:1px solid var(--line)}.explorer .place{display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border-color:transparent}.explorer .place[aria-pressed=true]{background:var(--accent-soft)}.explorer .place svg{width:18px;height:18px;flex:none}.explorer .place.locked{color:var(--muted)}.explorer .place.locked .explorer-dim{margin-left:auto}.explorer-main{padding:10px 14px;overflow:auto}.explorer-path{margin-bottom:10px}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.explorer .explorer-file{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px;text-align:left}.explorer-file b{font-weight:600;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-thumb{display:block;aspect-ratio:4/3;background:#fff;border-radius:6px;overflow:hidden}.explorer-thumb img{width:100%;height:100%;object-fit:contain;display:block}.explorer .explorer-file[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.explorer-file[aria-pressed=true][data-order]:not([data-order=""]):after{content:attr(data-order);position:absolute;top:12px;right:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700}@media(max-width:600px){.explorer-body{grid-template-columns:1fr}.explorer-places{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}#work-tabs button:disabled{opacity:.4;cursor:default}#work-tabs button:disabled:hover{color:var(--dim)}body.showroom #lighting,body.showroom #chrome-controls{display:none}.showroom-times{display:flex;gap:4px;margin-top:6px}.showroom-times button{flex:1 1 0;padding:6px 10px;border-radius:8px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;background:var(--chip);border:1px solid var(--field-line);color:var(--muted)}.showroom-times button:hover{color:var(--fg);border-color:var(--line-strong)}.showroom-times button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--fg)}
