@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/pjs-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/pjs-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #eef0ee;--surface: #ffffff;--surface-2: #f6f6f3;--surface-3: #ecece8;--border: #e6e6e1;--border-strong: #d7d7d1;--text: #1a1e24;--text-2: #59616d;--text-3: #8b909b;--brand: #0d63f8;--brand-600: #0a4fd0;--brand-soft: rgba(13, 99, 248, .1);--brand-soft-2: rgba(13, 99, 248, .16);--accent: #ff6b4a;--violet: #8b5cf6;--ok: #19b36b;--danger: #ef4444;--warn: #f59e0b;--grad-brand: linear-gradient(135deg, #0d63f8, #3d8bff);--grad-hero: linear-gradient(160deg, rgba(13, 99, 248, .14), rgba(13, 99, 248, .06));--canvas-bg: #f1f1ec;--grid: #e1e1da;--grid-major: #d2d2c9;--shadow-xs: 0 1px 2px rgba(20, 26, 38, .06);--shadow-sm: 0 1px 3px rgba(20, 26, 38, .08), 0 1px 2px rgba(20, 26, 38, .04);--shadow-md: 0 2px 4px rgba(20, 26, 38, .06), 0 6px 16px rgba(20, 26, 38, .09);--shadow-lg: 0 1px 2px rgba(20, 26, 38, .08), 0 4px 10px rgba(20, 26, 38, .07), 0 16px 40px rgba(20, 26, 38, .14);--r-sm: 8px;--r: 11px;--r-lg: 14px;--r-xl: 20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:light;--dur-fast: .12s;--dur: .18s;--ease: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--bg: #0a0d14;--surface: #141924;--surface-2: #1a2030;--surface-3: #212938;--border: #232b3a;--border-strong: #333d52;--text: #eef1f6;--text-2: #a3adbe;--text-3: #6b7488;--brand: #2f7bff;--brand-600: #6ea6ff;--brand-soft: rgba(47, 123, 255, .18);--brand-soft-2: rgba(47, 123, 255, .28);--canvas-bg: #0c1018;--grid: #182031;--grid-major: #212b40;--grad-hero: linear-gradient(160deg, rgba(47, 123, 255, .22), rgba(13, 99, 248, .1));--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 5px rgba(0, 0, 0, .5), 0 8px 22px rgba(0, 0, 0, .55);--shadow-lg: 0 1px 2px rgba(0, 0, 0, .6), 0 5px 14px rgba(0, 0, 0, .5), 0 20px 48px rgba(0, 0, 0, .6);color-scheme:dark}:root[data-theme=dark] .photo-dollhouse,:root[data-theme=dark] .photo-hint,:root[data-theme=dark] .walk-hint{background:#1e2128f0;color:var(--text)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;touch-action:manipulation}input,textarea,[contenteditable],.crash-detail{user-select:text;-webkit-user-select:text}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg)}.icon{width:18px;height:18px;flex:none;stroke-width:2}.toolbar{display:flex;align-items:center;gap:8px;height:58px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border);z-index:20;flex:none}.brand{display:flex;align-items:center;gap:10px;padding-right:14px;margin-right:2px;height:100%;text-align:left}button.brand{border-radius:10px;padding-left:6px;margin-left:-6px}button.brand:hover .brand-mark{filter:brightness(1.08)}button.brand:hover .brand-name{color:var(--brand)}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,var(--brand),#3d8bff);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-sm)}.brand-mark .icon{width:20px;height:20px}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.brand-name{font-weight:800;font-size:16px;letter-spacing:-.02em;line-height:1}.brand-name .sub{display:block;font-size:10.5px;font-weight:600;color:var(--text-3);letter-spacing:.01em;margin-top:2px}.project{display:flex;align-items:center;gap:8px;padding:0 8px;margin-right:2px;border-right:1px solid var(--border);height:100%}.project-name{width:150px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:13.5px;font-weight:700;outline:none;transition:background .12s,border-color .12s}.project-name:hover{background:var(--surface-2)}.project-name:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.saved-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--ok);white-space:nowrap}.saved-badge.saving{color:var(--text-3)}.tool-group{display:flex;align-items:center;gap:4px;padding:0 4px}.tool-group+.tool-group{margin-left:2px;padding-left:8px;border-left:1px solid var(--border)}.spacer{flex:1}.tbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:var(--r-sm);color:var(--text-2);font-size:13px;font-weight:600;white-space:nowrap;transition:background .14s,color .14s,box-shadow .14s}.tbtn:hover{background:var(--surface-2);color:var(--text)}.tbtn.active{background:var(--brand-soft);color:var(--brand-600)}.tbtn:disabled{opacity:.4;cursor:not-allowed}.tbtn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.tbtn.ghost:hover{border-color:var(--border-strong);background:var(--surface-2)}.tbtn.icon-only{padding:0;width:38px;justify-content:center}@media (hover: none) and (pointer: coarse){.tbtn.icon-only{width:44px;height:44px}}.tbtn.cta{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.tbtn.cta:hover{background:var(--brand-600);color:#fff}.export-wrap{position:relative}.export-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:176px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg, 0 16px 40px rgba(0, 0, 0, .22));padding:6px;display:flex;flex-direction:column;gap:2px;transform-origin:top right;animation:menu-pop var(--dur) var(--ease)}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.export-menu button{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--text);text-align:left;width:100%;transition:background .12s,color .12s}.export-menu button:hover{background:var(--brand-soft);color:var(--brand-600)}.export-menu button:hover .icon{color:var(--brand-600)}.export-menu .icon{width:16px;height:16px;color:var(--text-2);transition:color .12s}.export-menu .menu-divider{height:1px;margin:4px 6px;background:var(--border)}.more-menu{left:auto;right:0}.view-toggle{display:flex;background:var(--surface-3);border-radius:var(--r);padding:3px;gap:2px}.view-toggle button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border-radius:9px;font-weight:700;font-size:13px;color:var(--text-2);transition:all .14s}.view-toggle button .icon{width:16px;height:16px}.view-toggle button.active{background:var(--surface);color:var(--brand-600);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--brand-soft-2)}.view-toggle button.active .icon{color:var(--brand)}.body{flex:1;display:flex;min-height:0;position:relative}.sheet-grab,.sheet-close{display:none}.sidebar{width:280px;flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:10}.sidebar.right{border-right:none;border-left:1px solid var(--border);width:300px}.stage-wrap{flex:1;position:relative;min-width:0;background:var(--canvas-bg)}.stage-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-2);font-size:14px;font-weight:600}.stage-empty{flex-direction:column;gap:12px;text-align:center;padding:24px}.stage-empty h3{font-size:18px;font-weight:800;color:var(--text)}.stage-empty p{max-width:340px;line-height:1.5;font-weight:500}.stage-empty .btn{margin-top:4px}.sidebar-head{display:flex;align-items:center;gap:8px;padding:16px 16px 10px;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.sidebar-head .icon{width:17px;height:17px;color:var(--text-2)}.sidebar-scroll{overflow-y:auto;flex:1;padding-bottom:20px}.cat-search{margin:0 14px 8px;position:relative}.cat-search .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-3)}.cat-search input{width:100%;height:38px;padding:0 12px 0 34px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:500;outline:none;transition:border-color .14s,box-shadow .14s}.cat-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:var(--surface)}.catalog-cloud-status{display:flex;align-items:center;gap:6px;min-height:24px;margin:-2px 16px 6px;color:var(--text-3);font-size:10.5px;font-weight:700}.catalog-cloud-status.ready{color:var(--brand)}.catalog-cloud-status.offline{color:var(--text-2)}.catalog-cloud-status .icon{width:13px;height:13px}.catalog-cloud-status button{display:grid;place-items:center;width:24px;height:24px;margin-left:auto;border-radius:7px;color:var(--text-2);background:var(--surface-2)}.cat-browse-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 14px 6px;padding:3px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border)}.cat-browse-toggle button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:31px;border-radius:8px;color:var(--text-2);font-size:12px;font-weight:700}.cat-browse-toggle button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.cat-browse-toggle .icon{width:14px;height:14px}.cat-chips{display:flex;gap:6px;overflow-x:auto;padding:4px 14px 10px;scrollbar-width:none}.cat-chips::-webkit-scrollbar{display:none}.catalog-preview{position:relative;margin:0 12px 10px;overflow:hidden;border:1px solid var(--brand);border-radius:14px;background:radial-gradient(circle at 50% 35%,var(--brand-soft),transparent 62%),var(--surface-2);box-shadow:0 0 0 3px var(--brand-soft);flex:none}.catalog-preview-visual{position:relative;height:142px;touch-action:none}.catalog-preview-canvas{width:100%;height:100%}.catalog-preview-static{position:relative;display:grid;place-items:center;width:100%;height:100%}.catalog-preview-image.ci-sprite{width:min(74%,190px);height:104px;object-fit:contain;filter:drop-shadow(0 12px 12px color-mix(in srgb,var(--text) 22%,transparent))}.catalog-preview-image.ci-symbol{width:78px;height:78px;color:var(--brand)}.catalog-preview-3d{position:absolute;right:8px;bottom:7px;display:flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:999px;color:var(--brand);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-sm);font-size:10.5px;font-weight:800}.catalog-preview-3d .icon{width:12px;height:12px}.catalog-preview-loading{display:grid;place-items:center;width:100%;height:100%;color:var(--text-3);font-size:11px;font-weight:700}.catalog-preview-hint{position:absolute;left:8px;bottom:7px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text-3);font-size:9.5px;font-weight:700;pointer-events:none}.catalog-preview-hint .icon{width:11px;height:11px}.catalog-preview-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px 10px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent)}.catalog-preview-info strong,.catalog-preview-info span{display:block}.catalog-preview-info strong{overflow:hidden;color:var(--text);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.catalog-preview-info span{margin-top:2px;color:var(--text-3);font-size:9.5px}.catalog-place{min-height:34px;padding:0 10px;font-size:11px;white-space:nowrap}.catalog-place .icon{width:12px;height:12px}.catalog-preview-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:27px;height:27px;border-radius:999px;color:var(--text-2);background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow-sm)}.catalog-preview-close .icon{width:14px;height:14px}.chip{flex:none;height:30px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;transition:all .14s}.chip:hover{border-color:var(--border-strong)}.chip.active{background:var(--text);border-color:var(--text);color:#fff}.cat-section{padding:2px 12px 8px;content-visibility:auto;contain-intrinsic-size:220px}.cat-title{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 4px 8px}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cat-item{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;transition:transform .12s ease,border-color .12s,box-shadow .12s,background .12s}.cat-item-select{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;min-height:92px;padding:12px 8px 9px;color:inherit;background:transparent}.cat-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.cat-item.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-soft)}.cat-item .ci-visual{width:34px;height:34px}.cat-item .ci-symbol{color:var(--text-2)}.cat-item .ci-sprite{width:58px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 5px color-mix(in srgb,var(--text) 18%,transparent))}.cat-item:hover .ci-symbol,.cat-item.active .ci-symbol{color:var(--brand)}.cat-item .ci-favorite{position:absolute;top:5px;left:5px;z-index:1;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--text-3);background:color-mix(in srgb,var(--surface) 88%,transparent);opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.cat-item:hover .ci-favorite,.cat-item:focus-within .ci-favorite,.cat-item .ci-favorite.active{opacity:1}.cat-item .ci-favorite.active{color:#e5a800}.cat-item .ci-favorite.active .icon{fill:currentColor}.cat-item .ci-favorite .icon{width:13px;height:13px}@media (hover: none){.cat-item .ci-favorite{opacity:1}}.cat-item .ci-lock{position:absolute;top:6px;right:6px;z-index:1;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:linear-gradient(160deg,#202636,#0d63f8);color:#fff}.cat-item .ci-lock .icon{width:10px;height:10px}.cat-item.locked .ci-visual{opacity:.55}.pro-tag{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(160deg,#202636,#0d63f8);padding:2px 6px;border-radius:999px}.floor-add .pro-pill{color:#ffd94a;margin-left:2px}.cat-item .label{font-size:11.5px;color:var(--text);font-weight:600;line-height:1.2}.props{padding:14px 16px}.prop-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px 14px;margin-bottom:12px}.prop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.prop-row:last-child{margin-bottom:0}.prop-row label{font-size:12.5px;color:var(--text-2);font-weight:600}.prop-row input[type=text],.prop-row input[type=number],.prop-row select{width:132px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:8px 10px;font-size:13px;font-weight:500;outline:none;transition:border-color .14s,box-shadow .14s}.prop-row input:focus,.prop-row select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.prop-row input[type=range]{width:132px;accent-color:var(--brand)}.prop-row input[type=color]{width:40px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:none}.field-val{font-weight:700;font-size:13px;color:var(--text)}.prop-label{font-size:12px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.swap-chips{display:flex;flex-wrap:wrap;gap:6px}.swap-chip{padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:600;min-height:34px}.swap-chip:hover{border-color:var(--brand)}.swap-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.mat-group-title{font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:.02em;margin:14px 0 7px}.mat-group-title:first-of-type{margin-top:4px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatch{aspect-ratio:1;border-radius:var(--r);border:2px solid transparent;box-shadow:inset 0 0 0 1px #0000000f;position:relative;overflow:hidden;background-size:cover;background-position:center;transition:transform .1s,box-shadow .12s}.swatch:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm),inset 0 0 0 1px #0000000f}.swatch.active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.swatch .sw-name{position:absolute;inset:auto 0 0 0;font-size:9px;font-weight:700;background:linear-gradient(transparent,#0000008c);color:#fff;padding:8px 3px 3px;text-align:center}.paint-row{display:flex;flex-wrap:wrap;gap:7px}.style-scope{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-2);text-transform:none;letter-spacing:0;cursor:pointer}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-chip{display:flex;flex-direction:column;align-items:center;gap:4px}.style-thumb{position:relative;width:100%;aspect-ratio:1;border-radius:10px;border:1px solid var(--border);background-size:cover;background-position:center;overflow:hidden;transition:transform .1s,border-color .1s}.style-chip:hover .style-thumb{transform:scale(1.06);border-color:var(--brand)}.style-wall{position:absolute;top:0;right:0;bottom:55%;left:0;border-bottom:1px solid rgba(0,0,0,.12)}.style-name{font-size:10.5px;font-weight:700;color:var(--text-2)}.align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.align-grid button{display:grid;place-items:center;height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .12s,border-color .12s}.align-grid button:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#fff}.align-grid button:disabled{opacity:.4;cursor:not-allowed}.align-grid .icon{width:18px;height:18px}.paint-dot{width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.12);box-shadow:var(--shadow-xs);transition:transform .1s}.paint-dot:hover{transform:scale(1.08)}.paint-dot.active{outline:2px solid var(--brand);outline-offset:2px}.empty-state{padding:36px 22px;text-align:center;color:var(--text-2)}.empty-state .es-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-3)}.empty-state h3{margin:0 0 6px;font-size:15px;color:var(--text)}.empty-state p{margin:0;font-size:13px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r);font-weight:700;font-size:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:all .14s}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--brand-600)}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{width:100%;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r);background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--danger);font-weight:700;font-size:13.5px;margin-top:6px}.btn-danger:hover{background:#ef444424}.tool-dock{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);z-index:8}.dock-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r);color:var(--text-2);transition:background .14s,color .14s}.dock-label{display:none}@media (hover: none){.dock-btn{width:52px;height:auto;padding:6px 2px;grid-auto-flow:row;gap:2px}.dock-label{display:block;font-size:8.5px;line-height:1.1;font-weight:700;text-align:center;letter-spacing:.01em}}.openings-flyout{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:268px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:20;transform-origin:left center;animation:flyout-in var(--dur) var(--ease)}@keyframes flyout-in{0%{opacity:0;transform:translateY(-50%) scale(.94) translate(-6px)}}.of-title{font-size:12px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px}.of-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.of-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:10.5px;font-weight:600;text-align:center;transition:border-color .12s,color .12s,background .12s}.of-item:hover{border-color:var(--border-strong);color:var(--text)}.of-item.active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.of-item.locked{opacity:.7}.of-symbol{width:30px;height:30px;color:var(--text)}.of-lock{position:absolute;top:4px;right:4px;font-size:8px;font-weight:800;color:#fff;background:var(--brand);border-radius:4px;padding:1px 3px;letter-spacing:.03em}@media (max-width: 880px){.openings-flyout{left:50%;top:auto;bottom:calc(100% + 12px);transform:translate(-50%);width:280px}}.dock-btn:hover{background:var(--surface-2);color:var(--text)}.dock-btn.active{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.dock-btn .icon{width:20px;height:20px}.dock-sep{height:1px;background:var(--border);margin:3px 6px}.dock-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:52px;top:50%;transform:translateY(-50%);background:var(--text);color:#fff;font-size:12px;font-weight:600;padding:5px 9px;border-radius:7px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md);z-index:30}.hud{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;z-index:6}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 8px;font-size:12.5px;font-weight:600;color:var(--text-2);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:6px;white-space:nowrap}.light-pill .toggle.on{color:var(--brand)}.sun-slider{display:flex;align-items:center;gap:7px;padding:2px 4px}.sun-slider input[type=range]{width:92px;accent-color:var(--brand)}.sun-slider .sun-time{font-variant-numeric:tabular-nums;color:var(--text-2);min-width:34px}.pill .toggle{white-space:nowrap}.lighting-menu{top:auto;bottom:calc(100% + 6px);left:auto;right:0;min-width:214px}.lighting-menu .toggle{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text)}.lighting-menu .toggle:hover{background:var(--surface-2)}.lighting-menu .toggle.on{color:var(--brand)}.lighting-menu .sun-slider{padding:8px 10px;gap:9px}.lighting-menu .sun-slider input[type=range]{flex:1;width:auto}.pill.text{padding:8px 14px}.pill button{color:var(--text);width:26px;height:26px;border-radius:7px;display:grid;place-items:center}.pill button:hover{background:var(--surface-2)}.pill .val{min-width:40px;text-align:center;font-weight:700;color:var(--text)}.pill .toggle{display:flex;align-items:center;gap:7px;width:auto;height:auto;padding:2px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.pill .toggle input{accent-color:var(--brand);width:15px;height:15px}.pill .toggle.on{background:var(--brand-soft-2);color:var(--brand-600);border-radius:9px;font-weight:700}.units-pill{padding:4px;gap:2px}.units-pill .unit{width:34px;height:26px;border-radius:999px;font-weight:700;color:var(--text-2)}.units-pill .unit:hover{background:var(--surface-2)}.units-pill .unit.active{background:var(--brand);color:#fff}.units-pill .unit.active:hover{background:var(--brand)}.measure-card{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:30;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg, 0 14px 40px rgba(0, 0, 0, .18));padding:13px 14px}.measure-card .mc-title{font-weight:700;font-size:13.5px;color:var(--text)}.measure-card .mc-sub{font-size:12.5px;color:var(--text-2);margin-top:2px}.measure-card .mc-row{display:flex;align-items:center;gap:8px;margin:11px 0 12px;font-size:13px;color:var(--text-2)}.measure-card .mc-row input{flex:1;min-width:0;padding:7px 9px;border:1px solid var(--border-strong);border-radius:8px;font-size:14px;font-weight:600;color:var(--text);outline:none}.measure-card .mc-row input:focus{border-color:var(--brand)}.measure-card .mc-unit{font-weight:700;color:var(--text)}.measure-card .mc-actions{display:flex;gap:8px}.measure-card .mc-apply{flex:1;padding:9px;background:var(--brand);color:#fff;border-radius:9px;font-weight:700;font-size:13px}.measure-card .mc-apply:hover{background:var(--brand-600)}.measure-card .mc-dismiss{padding:9px 12px;border-radius:9px;font-weight:600;font-size:13px;color:var(--text-2)}.measure-card .mc-dismiss:hover{background:var(--surface-2)}.dim-edit{position:absolute;transform:translate(-50%,-50%);z-index:30;display:flex;align-items:center;gap:4px;padding:3px 5px;background:var(--surface);border:1px solid var(--brand);border-radius:8px;box-shadow:var(--shadow-md)}.dim-edit input{width:68px;padding:4px 6px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface);text-align:right}.dim-edit input:focus{outline:none;border-color:var(--brand)}.dim-edit-unit{font-weight:700;font-size:12px;color:var(--text-2);padding-right:2px}.floor-switcher{position:absolute;left:16px;bottom:18px;z-index:20;display:flex;flex-direction:column;gap:6px;width:150px}.floor-current{display:none}.floor-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;background:var(--brand);color:#fff;border-radius:10px;font-size:12.5px;font-weight:700;box-shadow:var(--shadow-sm)}.floor-add:hover{background:var(--brand-600)}.floor-clone-wrap{position:relative;display:flex;flex-direction:column;gap:6px}.floor-clone{background:var(--surface);color:var(--text);border:1px solid var(--border)}.floor-clone:hover{background:var(--surface-2, var(--surface));border-color:var(--brand)}.floor-clone-menu{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:var(--shadow-sm)}.floor-clone-menu button{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text);text-align:left}.floor-clone-menu button:hover{background:var(--brand);color:#fff}.floor-list{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:5px;box-shadow:var(--shadow-sm)}.floor-row{display:flex;align-items:center;gap:2px}.floor-btn{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-2);text-align:left;min-width:0}.floor-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-btn:hover{background:var(--surface-2)}.floor-row.active .floor-btn{background:var(--brand-50, #eef2ff);color:var(--brand)}.floor-row.active .floor-btn .icon{color:var(--brand)}.floor-del{display:grid;place-items:center;width:26px;height:30px;border-radius:7px;color:var(--text-3, #9aa0aa)}.floor-del:hover{background:var(--danger-bg, #fdecea);color:var(--danger, #d8412f)}.floor-edit{flex:1;padding:7px 9px;border:1px solid var(--brand);border-radius:8px;font-size:13px;font-weight:600;min-width:0;outline:none}.tip{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:9px 8px 9px 16px;border-radius:14px;font-size:13px;font-weight:500;z-index:6;box-shadow:var(--shadow-md);max-width:80vw;display:flex;align-items:center;gap:8px}.tip-x{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--text-3);font-size:12px}.tip-x:hover{background:var(--surface-3);color:var(--text)}@media (max-width: 720px){.tip{top:64px;max-width:calc(100vw - 24px)}}.draw-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap;cursor:pointer}.draw-length{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap}.draw-length input{width:58px;height:28px;padding:0 7px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600}.ghost-dim{padding:2px 8px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(20,26,38,.14);color:#1c2433;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #141a262e}.draw-toggle input{width:16px;height:16px;accent-color:var(--brand)}.draw-affordance{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-md);font-size:13px;font-weight:600;color:var(--text-2);z-index:7;white-space:nowrap}.finish-btn{height:32px;padding:0 16px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;font-size:13px}.finish-btn:hover{background:var(--brand-600)}.cancel-btn{height:32px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-weight:700;font-size:12px}.cancel-btn:hover{background:var(--surface-3)}.quick-transform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.quick-transform.opening-flips{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0 12px}.quick-transform button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:12px;font-weight:750}.quick-transform button:hover,.quick-transform button:active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-600)}.quick-transform button .icon{width:18px;height:18px;flex:none}.placement-affordance{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:9px;min-height:42px;max-width:min(520px,calc(100% - 32px));padding:6px 7px 6px 13px;border:1px solid var(--brand);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-md);color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}.placement-affordance>.icon{width:17px;height:17px;flex:none;color:var(--brand)}.placement-affordance span{overflow:hidden;text-overflow:ellipsis}.placement-affordance button{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--text-2)}.placement-affordance button:hover{background:var(--surface-3);color:var(--text)}.placement-affordance button .icon{width:16px;height:16px}.objects3d-btn{background:var(--surface);color:var(--text);border:1px solid var(--border)}.objects3d-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}@media (max-width: 880px){.draw-affordance{top:calc(60px + env(safe-area-inset-top));max-width:calc(100vw - 24px);white-space:normal}.finish-btn,.cancel-btn{height:44px;min-width:44px}.placement-affordance{top:calc(60px + env(safe-area-inset-top));max-width:calc(100vw - 24px);min-height:46px}}.render-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:7}.render-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r);font-weight:700;font-size:13px;color:#fff;background:var(--brand);box-shadow:var(--shadow-md);transition:transform .1s,filter .14s}.render-btn .icon{width:17px;height:17px}.render-btn:hover{filter:brightness(1.06)}.render-btn:active{transform:translateY(1px)}.render-btn:disabled{opacity:.75;cursor:progress}.render-btn.photo{background:linear-gradient(135deg,var(--violet),#6366f1)}.zoom-buttons{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-md);z-index:8}.zoom-buttons button{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:var(--text)}.zoom-buttons button:hover{background:var(--surface-2)}.zoom-buttons .icon{width:20px;height:20px}@media (max-width: 880px){.zoom-buttons{top:auto;bottom:calc(120px + env(safe-area-inset-bottom));transform:none}}.render-btn .caret{width:14px;height:14px;margin-left:-2px;opacity:.8}.render-menu button.active,.render-menu button.active .icon{color:var(--brand-600)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1418216b;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal{background:var(--surface);border-radius:var(--r-xl);width:540px;max-width:100%;box-shadow:var(--shadow-lg);overflow:hidden}.modal-head{display:flex;align-items:center;gap:10px;padding:20px 22px;font-size:17px;font-weight:800;letter-spacing:-.01em;border-bottom:1px solid var(--border)}.modal-head .icon{color:var(--brand)}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2)}.webgl-missing{max-width:380px;margin:0 auto;text-align:center;font-size:14px;line-height:1.6;color:var(--text-2)}.crash-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--canvas-bg, #f1f1ec);padding:20px;z-index:1000}.crash-card{max-width:460px;background:var(--surface, #fff);border:1px solid var(--border, #e2e2dc);border-radius:16px;padding:28px;box-shadow:0 18px 50px #00000024}.crash-card h1{font-size:20px;margin-bottom:8px}.crash-card p{color:var(--text-2, #555);font-size:14px;line-height:1.6}.crash-detail{margin:14px 0;padding:10px 12px;background:var(--surface-2, #f5f5f1);border-radius:8px;font-size:12px;color:var(--text-2, #666);white-space:pre-wrap;word-break:break-word;max-height:120px;overflow:auto}.crash-actions{display:flex;gap:10px;margin-top:6px}.render-scale{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 14px;font-size:12.5px;font-weight:600;box-shadow:var(--shadow-sm);cursor:pointer}.modal.pro-upsell{max-width:520px;overflow:hidden}.pro-hero{text-align:center;padding:26px 24px 18px;background:linear-gradient(160deg,#202636,#0d63f8 130%);color:#fff}.pro-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;padding:4px 10px;border-radius:999px}.pro-badge .icon{width:13px;height:13px;color:#ffd94a}.pro-hero-icon{display:grid;place-items:center;width:52px;height:52px;margin:16px auto 10px;border-radius:16px;background:#ffffff24}.pro-hero-icon .icon{width:26px;height:26px}.pro-hero h2{font-size:19px;margin-bottom:6px}.pro-hero p{font-size:13.5px;line-height:1.55;opacity:.86}.pro-benefits{list-style:none;margin:0;padding:18px 26px 4px;display:flex;flex-direction:column;gap:8px}.pro-benefits li{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--text)}.pro-benefits .icon{width:15px;height:15px;color:var(--ok);flex:none}.pro-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px 22px 20px}.pro-buy{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:14.5px;border-radius:12px}.pro-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pro-plan{position:relative;display:flex;min-width:0;min-height:106px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 8px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.pro-plan:hover{border-color:var(--accent);background:var(--surface-2)}.pro-plan.recommended{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.pro-plan-badge{position:absolute;top:-9px;padding:3px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pro-plan-name{font-size:12px;font-weight:700;color:var(--text-2)}.pro-plan strong{font-size:17px}.pro-plan small{font-size:10.5px;color:var(--text-3)}.pro-restore,.pro-later{font-size:12.5px;font-weight:600;color:var(--text-2);padding:6px}.pro-restore:hover,.pro-later:hover{color:var(--text)}.pro-restore .icon{width:14px;height:14px;vertical-align:-2px;margin-right:2px}@media (max-width: 430px){.pro-plan-grid{grid-template-columns:1fr}.pro-plan{min-height:72px;padding:12px 14px}}.pro-code-form{display:flex;gap:6px}.pro-code-input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pro-code-input.error{border-color:var(--danger, #e74c3c);animation:shake .3s}.pro-code-go{padding:8px 14px;font-size:13px;border-radius:8px;flex:none}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.modal.help-panel{max-width:520px}.ps-templates{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 16px}.ps-templates-label{font-size:12.5px;font-weight:700;color:var(--text-3)}.ps-templates .chip{padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--text-2);transition:border-color var(--dur-fast),color var(--dur-fast)}.ps-templates .chip:hover{border-color:var(--brand);color:var(--brand)}.modal.settings{max-width:440px;max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.modal.settings .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal.settings .modal-head,.modal.settings .modal-foot{flex:0 0 auto}.settings-body section+section{margin-top:18px}.settings-body h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:8px}.seg{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:4px}.seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:var(--r-sm);font-size:13px;font-weight:700;color:var(--text-2);transition:background var(--dur-fast),color var(--dur-fast)}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.seg button .icon{width:15px;height:15px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-row input{width:18px;height:18px;accent-color:var(--brand)}.account-signin{display:grid;gap:7px}.account-signin small,.account-copy small{color:var(--text-3);font-size:11px;line-height:1.35}.google-signin{width:100%;min-height:42px;background:#fff;color:#1f1f1f;border-color:#747775;font-weight:700}.google-signin:hover:not(:disabled){background:#f8faff;border-color:#5f6368}.google-mark{width:20px;height:20px;flex:0 0 20px}.account-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2)}.account-card>img{width:40px;height:40px;border-radius:50%}.account-copy{min-width:0;display:grid;gap:2px}.account-copy strong,.account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy span{color:var(--text-2);font-size:12px}.account-card .icon-btn{width:36px;height:36px;padding:0}.account-actions{display:flex;gap:4px}.settings-meta{margin-top:18px;font-size:12px;color:var(--text-3);text-align:center}.settings-meta a{color:var(--text-2)}.modal.shopping-list{max-width:560px;display:flex;flex-direction:column;max-height:min(78vh,680px)}.bom-body{overflow:auto;flex:1;min-height:0}.bom-table{width:100%;border-collapse:collapse;font-size:13.5px}.bom-table th{text-align:left;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);padding:6px 10px;border-bottom:1px solid var(--border)}.bom-table td{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text)}.bom-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.bom-table tfoot td{border-bottom:none;font-weight:800}.bom-item{display:inline-flex;align-items:center;gap:9px;font-weight:600}.bom-symbol{width:22px;height:22px;flex:none;color:var(--text-2)}.bom-floors{font-size:12px;color:var(--text-2)}.help-body section+section{margin-top:18px}.help-body h3{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}.help-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.help-body li{display:flex;align-items:baseline;gap:10px;font-size:13.5px;color:var(--text);line-height:1.5}.help-body .keys{display:inline-flex;gap:3px;flex:none}.help-body kbd{font-family:inherit;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--surface-2);border:1px solid var(--border-strong);border-bottom-width:2px;color:var(--text)}.modal.about{max-width:440px}.about-title{font-size:15px;margin-bottom:6px}.about-credits-head{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}.about-credits{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--text-2);line-height:1.6}.about-credits a,.modal.about a{color:var(--brand);text-decoration:none}.about-credits a:hover,.modal.about a:hover{text-decoration:underline}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:34px;text-align:center;color:var(--text-2);transition:border-color .14s,background .14s;cursor:pointer}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:var(--brand-soft)}.dropzone .big{width:44px;height:44px;margin:0 auto 10px;color:var(--brand)}.field{margin-top:18px}.field label{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--text-2);margin-bottom:8px}.field input[type=range]{width:100%;accent-color:var(--brand)}.field-val{font-weight:700;color:var(--brand-600)}.preview-img{max-width:100%;max-height:230px;border-radius:var(--r);border:1px solid var(--border);display:block;margin:0 auto}.trace-preview{position:relative;width:fit-content;max-width:100%;margin:0 auto}.trace-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.trace-status{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:13.5px;color:var(--text)}.auto-row{display:flex;align-items:center;gap:9px;margin:6px 0;font-size:13.5px;color:var(--text);cursor:pointer}.auto-row input{accent-color:var(--brand);width:16px;height:16px}.link-btn{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:13px;font-weight:600;padding:4px 0;margin-bottom:4px}.link-btn:hover{text-decoration:underline}.muted{color:var(--text-2);font-size:13px;line-height:1.6}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.projects-screen{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg)}.ps-head{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border);flex:none}.ps-head-actions{display:flex;align-items:center;gap:8px}.ps-settings-btn .icon{width:16px;height:16px}.lang-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;transition:background var(--dur, .16s),border-color var(--dur, .16s)}.lang-btn:hover{background:var(--surface-2)}.lang-btn .icon{width:16px;height:16px;color:var(--text-2)}.lang-btn .caret{width:14px;height:14px;margin-left:-1px;opacity:.7}.lang-menu{min-width:170px}.lang-menu-right{left:auto;right:0}.lang-menu button{justify-content:space-between}.lang-menu button.active{color:var(--brand-600)}.lang-check{width:16px;height:16px;color:var(--brand-600)}.ps-main{flex:1;overflow-y:auto;padding:26px 26px 60px}.ps-welcome{max-width:860px;margin:6vh auto 0;text-align:center}.ps-welcome h1{margin:0 0 8px;font-size:32px;font-weight:800;letter-spacing:-.02em}.ps-welcome p{margin:0 0 26px;color:var(--text-2);font-size:15.5px}.ps-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1060px;margin:0 auto 18px}.ps-toolbar h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.ps-actions{display:flex;gap:8px}.ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-width:1060px;margin:0 auto}.ps-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .12s,box-shadow .12s,transform .12s}.ps-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ps-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 10;background:var(--surface-2);border-bottom:1px solid var(--border)}.ps-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ps-thumb-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-3)}.ps-thumb-empty .icon{width:34px;height:34px}.ps-open{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:2px;padding:4px 8px 4px 10px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;pointer-events:none}.ps-open .icon{width:14px;height:14px}.ps-card:hover .ps-open,.ps-thumb:focus-visible .ps-open{opacity:1;transform:none}.ps-meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px 4px;min-width:0}.ps-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-date{font-size:12px;color:var(--text-3)}.ps-rename{font:inherit;font-weight:700;font-size:14px;padding:2px 6px;margin-left:-7px;border:1px solid var(--brand);border-radius:6px;background:var(--surface);color:var(--text);outline:none}.ps-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:6px 8px 8px;margin-top:2px;border-top:1px solid var(--border)}.ps-card-actions button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:9px;color:var(--text-2);font-size:11.5px;font-weight:600}.ps-card-actions button:hover{background:var(--surface-3);color:var(--text)}.ps-card-actions button.danger:hover{background:var(--danger-soft, rgba(239, 68, 68, .14));color:var(--danger, #ef4444)}.ps-card-actions .icon{width:16px;height:16px}.ps-main{max-width:1080px;margin:0 auto;width:100%}.ps-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 28px}.ps-hero-text h1{margin:0 0 6px;font-size:30px;font-weight:800;letter-spacing:-.02em}.ps-hero-text p{margin:0;color:var(--text-2);font-size:15px}.ps-wave{display:inline-block}.ps-hero-new{flex:none;height:46px;padding:0 20px;font-size:14.5px;background:var(--grad-brand);border:none;box-shadow:0 6px 18px -6px var(--brand)}.ps-section{margin-bottom:26px}.ps-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 12px}.ps-section-head h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.ps-link{display:inline-flex;align-items:center;gap:5px;color:var(--brand-600);font-weight:600;font-size:13px}.ps-link .icon{width:15px;height:15px}.ps-templates-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ps-templates-row::-webkit-scrollbar{display:none}.tpl-card{flex:0 0 168px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;min-height:132px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);text-align:left;transition:border-color .12s,transform .12s,box-shadow .12s}.tpl-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tpl-card.accent{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.tpl-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand-600);margin-bottom:auto}.tpl-ico .icon{width:21px;height:21px}.tpl-card.has-preview{padding:0;overflow:hidden}.tpl-preview{align-self:stretch;height:116px;background:var(--surface-2);border-bottom:1px solid var(--border)}.tpl-preview img{width:100%;height:100%;object-fit:cover;display:block}.tpl-card.has-preview .tpl-title{padding:4px 14px 0}.tpl-card.has-preview .tpl-sub{padding:0 14px 14px}.tpl-title{font-weight:700;font-size:14px}.tpl-sub{font-size:12px;color:var(--text-3);line-height:1.3}.ps-empty{display:flex;align-items:center;gap:10px;padding:26px;border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-3);font-size:14px}.ps-empty .icon{width:20px;height:20px}.ps-inspire{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--grad-hero);text-align:left;margin-bottom:8px}.ps-inspire-ico{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:13px;background:var(--brand-soft-2);color:var(--brand-600)}.ps-inspire-ico .icon{width:22px;height:22px}.ps-inspire-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ps-inspire-text strong{font-size:15px}.ps-inspire-text span{font-size:13px;color:var(--text-2)}.ps-inspire-cta{display:inline-flex;align-items:center;gap:4px;flex:none;padding:9px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:600;font-size:13px}.ps-inspire-cta .icon{width:15px;height:15px}.ps-nav{display:none}@media (max-width: 720px){.ps-settings-btn{display:none}.ps-hero{flex-direction:column;align-items:stretch;gap:14px}.ps-hero-new{width:100%;justify-content:center}.ps-main{padding-bottom:104px}.ps-inspire{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:4px}.ps-inspire-cta{width:100%;justify-content:center}.ps-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;padding:8px 6px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:40}.ps-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:4px;color:var(--text-3);font-size:11px;font-weight:600}.ps-nav button .icon{width:20px;height:20px}.ps-nav button.active{color:var(--brand-600)}}.welcome-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:10px 28px 30px}.welcome-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:20px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform .12s,border-color .12s,box-shadow .12s}.welcome-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.welcome-card.primary{border-color:var(--brand);background:var(--brand-soft)}.wc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand);color:#fff;margin-bottom:2px}.welcome-card:not(.primary) .wc-ico{background:var(--surface-3);color:var(--text)}.wc-title{font-weight:700;font-size:14.5px}.wc-sub{font-size:12px;color:var(--text-2);line-height:1.45}.photo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0c0e13}.photo-loading{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:15px}.photo-dollhouse{position:absolute;top:calc(16px + env(safe-area-inset-top));left:16px;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#fffffff0;color:var(--text);font-size:13px;font-weight:700;box-shadow:var(--shadow-md);cursor:pointer;z-index:5}.photo-bar{position:absolute;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:14px 18px;background:#fffffff7;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:2}.photo-status{display:flex;align-items:center;gap:12px}.photo-status .logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),#6366f1);color:#fff}.photo-title{font-weight:700;font-size:14px}.photo-sub{font-size:12px;color:var(--text-2);margin-top:3px}.photo-progress{width:200px;max-width:36vw;height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin-top:6px}.photo-progress-fill{height:100%;background:linear-gradient(90deg,var(--violet),#6366f1);transition:width .2s}.photo-actions{display:flex;gap:10px}.photo-hint{position:absolute;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#fffffff2;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2);z-index:2;box-shadow:var(--shadow-md)}.photo-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0c0e13b8;z-index:3}.photo-fallback>*{max-width:420px;text-align:center;color:#fff}.photo-fallback-title{font-size:20px;font-weight:700;margin-bottom:10px}.photo-fallback-body{font-size:14px;line-height:1.5;opacity:.85;margin-bottom:18px}.photo-fallback .btn.primary{padding:10px 24px;border-radius:999px}.walk-hint{position:absolute;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#fffffff2;color:var(--text);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;z-index:8;box-shadow:var(--shadow-md)}.walk-exit{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;height:38px;padding:0 16px;border-radius:var(--r);background:var(--text);color:#fff;font-weight:700;font-size:13px;z-index:8;box-shadow:var(--shadow-md)}.walk-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;touch-action:none;pointer-events:none}.walk-look{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}.walk-joystick{position:absolute;left:calc(24px + env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#14182147;border:2px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;pointer-events:auto;touch-action:none;z-index:9}.walk-joystick-knob{width:58px;height:58px;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 14px #00000059;will-change:transform;pointer-events:none}.coach-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182173;z-index:80}.welcome-tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1418216b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.welcome-tour{width:min(92vw,340px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg, 18px);box-shadow:var(--shadow-lg, 0 24px 60px rgba(0, 0, 0, .28));padding:24px 22px 18px;text-align:center}.welcome-tour .wt-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--brand);color:#fff;margin-bottom:12px}.welcome-tour .wt-icon .icon{width:24px;height:24px}.welcome-tour h2{font-size:19px;font-weight:800;color:var(--text);margin:0 0 6px}.welcome-tour p{font-size:13.5px;color:var(--text-2);line-height:1.5;margin:0 0 18px}.welcome-tour .wt-actions{display:flex;gap:8px}.welcome-tour .wt-actions .btn{flex:1;justify-content:center}.coach-bubble{position:fixed;z-index:81;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px 16px;transition:left .24s var(--ease),top .24s var(--ease)}.coach-arrow{position:absolute;width:10px;height:10px;background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border)}.coach-arrow.left{transform:rotate(-45deg)}.coach-arrow.right{transform:rotate(135deg)}.coach-arrow.up{transform:rotate(45deg)}.coach-arrow.down{transform:rotate(225deg)}.coach-step{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--brand);margin-bottom:4px}.coach-bubble h4{font-size:15px;font-weight:800;margin-bottom:4px}.coach-bubble p{font-size:13px;line-height:1.5;color:var(--text-2)}.coach-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.coach-skip{font-size:12.5px;font-weight:600;color:var(--text-2);padding:6px 8px}.coach-skip:hover{color:var(--text)}.coach-next{height:34px;padding:0 18px;border-radius:9px;font-size:13px}.rotate3d-pill{position:absolute;left:50%;transform:translate(-50%);bottom:calc(76px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-md);padding:3px;z-index:8}.rotate3d-pill button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--text)}.rotate3d-pill button:hover{background:var(--brand);color:#fff}.rotate3d-pill .icon{width:19px;height:19px}.rotate3d-pill .val{min-width:42px;text-align:center;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-2)}@media (min-width: 881px){.sidebar:not(.right){margin-left:-281px}.sidebar:not(.right).docked{margin-left:0}}.mobile-tabs,.drawer-backdrop{display:none}.build-sheet{position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:var(--shadow-lg);padding:8px 14px calc(16px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .24s cubic-bezier(.2,.8,.2,1);will-change:transform}.build-sheet.open{transform:translateY(0)}.bs-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 8px}.bs-title{font-size:15px;font-weight:800;color:var(--text)}.bs-close{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;color:var(--text-2)}.bs-close:hover{background:var(--surface-2)}.bs-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:12px 2px 6px}.bs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bs-tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:66px;padding:10px 4px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:11.5px;font-weight:600;text-align:center;line-height:1.15}.bs-tool .icon{width:22px;height:22px;color:var(--text-2)}.bs-tool.active{background:var(--brand);border-color:var(--brand);color:#fff}.bs-tool.active .icon{color:#fff}.bs-tool.locked{opacity:.85}.bs-lock{position:absolute;top:4px;right:4px;font-size:8px;font-weight:800;color:var(--brand);background:var(--surface);border-radius:4px;padding:1px 3px}.hud-inline{display:contents}.view-pill,.lock-pill-3d{display:none}.view-menu-sep{height:1px;background:var(--border);margin:5px 2px}.toggle-row{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-row input{width:17px;height:17px;accent-color:var(--brand);flex:none}.view-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 9px}.view-menu-label{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap}.view-menu-actions{display:flex;gap:6px}.view-menu-actions button{display:grid;place-items:center;width:32px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.view-menu-actions button:hover{background:var(--brand);border-color:var(--brand);color:#fff}@media (min-width: 881px){.build-sheet{display:none}}@media (max-width: 880px){.toolbar{gap:2px;padding:0 8px;height:54px;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar .export-menu{position:fixed;top:calc(58px + env(safe-area-inset-top));right:8px;left:auto;z-index:60}.brand{padding-right:8px}.brand-name,.project{display:none}.tbtn span:not(.ico){display:none}.tbtn{padding:0 8px}.tool-group{gap:1px;padding:2px}.view-toggle button span{display:none}.view-toggle button{padding:0 11px}.view-toggle{position:fixed;top:calc(8px + env(safe-area-inset-top));right:8px;z-index:25;box-shadow:-8px 0 12px -6px #141a262e}.toolbar{padding-right:92px}.render-actions{top:auto;bottom:calc(64px + env(safe-area-inset-bottom));left:12px;right:12px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:2px}.render-actions::-webkit-scrollbar{display:none}.objects3d-btn{display:none}.render-menu{position:fixed;top:auto;bottom:calc(168px + env(safe-area-inset-bottom));left:12px;right:auto;z-index:60}.lighting-menu{position:fixed;top:auto;bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:auto;z-index:60}.rotate3d-pill{bottom:calc(172px + env(safe-area-inset-bottom))}.tool-dock{display:none}.hud-2d{left:12px;right:12px;transform:none;bottom:calc(72px + env(safe-area-inset-bottom));justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:2px}.hud-2d::-webkit-scrollbar{display:none}.hud-2d .hud-txt{display:none}.hud-3d{left:12px;right:12px;transform:none;bottom:calc(116px + env(safe-area-inset-bottom));justify-content:flex-start;padding:2px}.hud .pill{flex:none}.hud-inline{display:none}.view-pill,.lock-pill-3d{display:flex}.view-menu{position:fixed;top:auto;bottom:calc(168px + env(safe-area-inset-bottom));left:12px;right:auto;z-index:65}.floor-switcher{top:12px;bottom:auto;left:12px}.floor-current{display:flex;align-items:center;gap:7px;width:100%;height:42px;padding:0 11px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-size:12.5px;font-weight:700}.floor-current span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-current-caret{width:14px;height:14px;margin-left:auto;color:var(--text-3)}.floor-switcher:not(.expanded)>.floor-add,.floor-switcher:not(.expanded)>.floor-clone-wrap,.floor-switcher:not(.expanded)>.floor-list{display:none}.toaster{bottom:calc(132px + env(safe-area-inset-bottom))}.sidebar{position:fixed;top:0;bottom:0;left:0;width:86vw;max-width:340px;z-index:60;transform:translate(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-lg);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar.right{left:auto;right:0;transform:translate(110%)}.sidebar.open{transform:translate(0)}.sidebar.catalog{top:auto;left:0;right:0;bottom:0;width:100%;max-width:none;height:58vh;z-index:75;transform:translateY(101%);border-left:none;border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding-top:0;contain:layout paint;will-change:transform}.sidebar.catalog.open{transform:translateY(0)}.sheet-grab{display:block;width:40px;height:4px;border-radius:999px;background:var(--border);margin:8px auto 2px;flex:none}.sheet-close{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;color:var(--text-2)}.sheet-close:hover{background:var(--surface-2)}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14182166;z-index:55;opacity:0;pointer-events:none;transition:opacity .24s var(--ease)}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));right:12px;left:12px;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md);z-index:70}.mobile-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 8px;border-radius:13px;background:transparent;border:0;color:var(--text-2);font-weight:700;font-size:12.5px;white-space:nowrap;transition:color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.mobile-tabs button.active{background:var(--grad-brand);color:#fff;box-shadow:0 6px 16px -8px var(--brand)}.mobile-tabs button.active .icon{color:#fff}.mobile-tabs button:active{transform:scale(.96)}.mobile-tabs.two{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-cards{grid-template-columns:1fr}}.paint-pop{position:fixed;z-index:40;transform:translate(-50%,-100%);width:224px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:10px 12px 12px;transform-origin:bottom center;animation:pop-in var(--dur) var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.94)}}.pp-head{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;margin-bottom:9px}.pp-head .icon{width:15px;height:15px;color:var(--brand)}.pp-close{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:var(--text-3)}.pp-close:hover{background:var(--surface-3);color:var(--text)}.pp-close .icon{width:14px;height:14px;color:inherit}.pp-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.pp-swatch{width:27px;height:27px;border-radius:50%;border:1px solid rgba(20,26,38,.18);cursor:pointer;transition:transform .1s}.pp-swatch:hover{transform:scale(1.12)}.pp-swatch.on{outline:2px solid var(--brand);outline-offset:2px}.pp-scroll{max-height:min(46vh,320px);overflow-y:auto;margin:0 -4px;padding:0 4px}.pp-scroll .mat-group-title{margin:10px 0 6px}.pp-scroll .mat-group-title:first-child{margin-top:0}.pp-swatch[style*=url]{border-radius:8px;background-size:cover;background-position:center}.ctx-menu{position:fixed;z-index:150;min-width:184px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);transform-origin:var(--ctx-origin, top left);animation:ctx-in var(--dur) var(--ease)}@keyframes ctx-in{0%{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion: no-preference){.ctx-menu .ctx-item,.export-menu button,.more-menu button{animation:item-in .18s var(--ease) both}.ctx-menu .ctx-item:nth-child(n+2),.export-menu button:nth-child(n+2),.more-menu button:nth-child(n+2){animation-delay:.02s}.ctx-menu .ctx-item:nth-child(n+3),.export-menu button:nth-child(n+3),.more-menu button:nth-child(n+3){animation-delay:.04s}.ctx-menu .ctx-item:nth-child(n+4),.export-menu button:nth-child(n+4),.more-menu button:nth-child(n+4){animation-delay:.06s}.ctx-menu .ctx-item:nth-child(n+5),.export-menu button:nth-child(n+5),.more-menu button:nth-child(n+5){animation-delay:.08s}.ctx-menu .ctx-item:nth-child(n+6),.export-menu button:nth-child(n+6),.more-menu button:nth-child(n+6){animation-delay:.1s}}@keyframes item-in{0%{opacity:0;transform:translateY(-3px)}}.ctx-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:34px;padding:0 10px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text);text-align:left}.ctx-item:hover{background:var(--surface-2)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:#ef44441a}.ctx-item kbd{font-family:inherit;font-size:11px;font-weight:700;color:var(--text-3)}.ctx-sep{height:1px;background:var(--border);margin:5px 6px}.toaster{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none;width:max-content;max-width:92vw}.toast{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;background:#1b2030;color:#f4f6fa;border:1px solid rgba(255,255,255,.08);border-radius:var(--r);box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:600;pointer-events:auto}.toast .icon{width:18px;height:18px;flex:none}.toast.success .icon{color:#4ade80}.toast.error .icon{color:#fb7185}.toast.info .icon{color:var(--brand-soft-2);color:#93b4ff}.toast button{margin-left:4px;color:#fff9;display:grid;place-items:center;width:22px;height:22px;border-radius:6px}.toast .toast-action{width:auto;height:auto;padding:4px 10px;color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.02em;background:#ffffff24;text-transform:uppercase}.toast .toast-action:hover{background:#ffffff3d}.toast button:hover{background:#ffffff1f;color:#fff}.modal.confirm{width:420px;padding:24px;overflow:visible}.confirm h3{margin:0 0 8px;font-size:18px;font-weight:800;letter-spacing:-.01em}.confirm p{margin:0 0 20px;color:var(--text-2);font-size:14px;line-height:1.55}.confirm-foot{display:flex;justify-content:flex-end;gap:10px}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-solid:hover{filter:brightness(.95)}.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.projects-screen,.app>.body{animation:screen-in .18s ease both}@media (prefers-reduced-motion: reduce){.projects-screen,.app>.body,.ctx-menu,.paint-pop,.openings-flyout,.export-menu,.more-menu,.lang-menu,.intro-video,.intro-video.closing,.pro-code-input.error{animation:none}}.konvajs-content,.konvajs-content canvas{touch-action:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}button:focus:not(:focus-visible){outline:none}.intro-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;cursor:pointer;animation:intro-in .25s ease-out}.intro-video.closing{animation:intro-out .42s ease forwards}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes intro-out{0%{opacity:1}to{opacity:0}}.intro-video video{width:min(100vw,100vh);height:min(100vw,100vh);max-width:100%;max-height:100%;object-fit:contain;display:block}.intro-skip{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));padding:8px 16px;border-radius:999px;font-weight:700;font-size:13px;color:#fff;background:#00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28)}.intro-skip:hover{background:#00000075}.btn,.tpl-card,.ps-thumb,.ps-card-actions button,.tbtn,.seg button,.pill .toggle,.view-toggle button,.ps-inspire{transition:transform .12s var(--ease),background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease),border-color .14s var(--ease)}.btn:active,.tpl-card:active,.ps-thumb:active,.ps-card-actions button:active,.tbtn:active,.seg button:active,.view-toggle button:active,.ps-inspire:active,.ps-hero-new:active,.pro-buy:active{transform:scale(.96)}.btn.primary:active{transform:scale(.96);filter:brightness(.97)}@media (prefers-reduced-motion: no-preference){.ps-templates-row .tpl-card{animation:mi-card-in .42s var(--ease) both}.ps-templates-row .tpl-card:nth-child(2){animation-delay:.05s}.ps-templates-row .tpl-card:nth-child(3){animation-delay:.1s}.ps-templates-row .tpl-card:nth-child(4){animation-delay:.15s}.ps-templates-row .tpl-card:nth-child(n+5){animation-delay:.2s}.ps-grid .ps-card{animation:mi-card-in .42s var(--ease) both}.ps-grid .ps-card:nth-child(2){animation-delay:.05s}.ps-grid .ps-card:nth-child(3){animation-delay:.1s}.ps-grid .ps-card:nth-child(n+4){animation-delay:.15s}@keyframes mi-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pro-badge,.pro-buy{position:relative;overflow:hidden}.pro-badge:after,.pro-buy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);transform:translate(-130%);animation:mi-shimmer 3s ease-in-out infinite;pointer-events:none}.pro-buy:after{animation-delay:.6s}@keyframes mi-shimmer{0%{transform:translate(-130%)}60%,to{transform:translate(130%)}}}.fl-icon{display:inline-block;flex:none;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.account-wrap{position:relative}.account-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--text-2);overflow:hidden;padding:0;transition:border-color .15s,background .15s,transform .12s}.account-btn:hover{background:var(--surface-2);border-color:var(--brand);color:var(--text)}.account-btn:active{transform:scale(.94)}.account-btn .icon{width:19px;height:19px}.account-btn img{width:100%;height:100%;object-fit:cover}.account-btn.signed-in{border-color:var(--brand)}.account-initial{width:100%;height:100%;display:grid;place-items:center;background:var(--grad-brand);color:#fff;font-weight:800;font-size:16px}.account-initial.lg{width:40px;height:40px;border-radius:50%;font-size:17px}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:264px;max-width:84vw;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg, 0 16px 40px rgba(0,0,0,.28));padding:12px;display:flex;flex-direction:column;gap:10px;transform-origin:top right;animation:menu-pop var(--dur) var(--ease)}.account-menu-head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px}.account-menu-head>img{width:40px;height:40px;border-radius:50%}.account-menu-id{min-width:0;display:grid;gap:1px}.account-menu-id strong{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-id span{color:var(--text-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-synced{display:flex;gap:8px;align-items:flex-start;color:var(--text-3);font-size:11.5px;line-height:1.4;padding:8px 10px;background:var(--surface-2);border-radius:10px}.account-menu-synced .icon{width:15px;height:15px;color:var(--ok, #19b36b);flex:none;margin-top:1px}.account-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border-radius:10px;font-weight:700;font-size:14px;color:var(--text);background:transparent;border:0;text-align:left;transition:background .12s}.account-menu-item:hover{background:var(--surface-2)}.account-menu-item .icon{width:17px;height:17px;color:var(--text-2)}.account-menu-google{margin:2px 0 0}.account-menu-note{color:var(--text-3);font-size:11.5px;line-height:1.4;text-align:center}.settings-hint{margin:8px 2px 0;color:var(--text-3);font-size:11.5px;line-height:1.45}.prop-hint{margin:2px 0 9px;color:var(--text-3);font-size:11.5px;line-height:1.45}.update-banner{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:260;display:flex;align-items:center;gap:10px;max-width:min(560px,94vw);padding:9px 10px 9px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);box-shadow:0 10px 30px #0000002e;font-size:13.5px;color:var(--text)}.update-banner .icon{width:17px;height:17px;color:var(--brand);flex:0 0 auto}.update-banner .ub-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-banner .ub-go{flex:0 0 auto;padding:6px 14px;border-radius:999px;border:none;background:var(--brand);color:#fff;font-weight:700;font-size:13px;min-height:32px}.update-banner .ub-go:disabled{opacity:.6}.update-banner .ub-close{flex:0 0 auto;background:none;border:none;color:var(--text-3);padding:4px;min-height:28px}.update-banner .ub-close .icon{width:15px;height:15px;color:inherit}@media (max-width: 640px){.update-banner{top:calc(58px + env(safe-area-inset-top));left:8px;right:8px;transform:none;max-width:none;border-radius:14px}}