*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#0e0f13;color:#e9ecf1}.app{width:100vw;height:100vh;display:grid;grid-template-columns:280px 1fr 320px;grid-template-rows:48px 1fr;grid-template-areas:"top    top      top" "left   canvas   right"}.topbar{grid-area:top;display:flex;align-items:center;padding:0 12px;gap:8px;background:linear-gradient(180deg,#1a1c23,#14161c);border-bottom:1px solid #2a2d36;z-index:10;flex-wrap:wrap}.topbar .title{font-weight:600;letter-spacing:.4px}.topbar .spacer{flex:1}.topbar .badge{font-size:12px;padding:3px 8px;border-radius:4px;background:#2b8a3e;color:#fff}.left,.right{background:#14161c;border-right:1px solid #2a2d36;overflow-y:auto;padding:12px}.right{border-right:none;border-left:1px solid #2a2d36}.canvas-wrap{grid-area:canvas;position:relative;background:#0a0b0f}canvas{display:block}.panel-title{font-size:13px;text-transform:uppercase;color:#8e95a6;margin:8px 0 10px;letter-spacing:.6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:13px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:filter .15s}.btn:hover{filter:brightness(1.1)}.btn.ghost{background:#232732;color:#cbd0dc}.btn.danger{background:#b91c1c}.btn.small{padding:4px 8px;font-size:12px}.section{margin-bottom:18px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-card{cursor:pointer;background:#1c1f28;border:1px solid #2a2d36;border-radius:6px;padding:8px;text-align:center;transition:all .15s}.preset-card:hover{border-color:#2563eb;transform:translateY(-1px)}.preset-card.active{border-color:#2563eb;background:#1e2436}.preset-card .name{font-size:12px;font-weight:600}.preset-card .meta{font-size:11px;color:#7d8395;margin-top:4px}.furniture-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.furniture-card{background:#1c1f28;border:1px solid #2a2d36;border-radius:6px;padding:8px;text-align:center;cursor:grab;user-select:none;font-size:12px}.furniture-card:hover{border-color:#2563eb}.furniture-card .icon{font-size:22px;display:block;margin-bottom:4px}.mode-tabs{display:flex;gap:0;background:#1c1f28;border-radius:6px;padding:3px;margin-bottom:12px}.mode-tab{flex:1;padding:6px 10px;text-align:center;font-size:12px;border-radius:4px;cursor:pointer;color:#8e95a6}.mode-tab.active{background:#2563eb;color:#fff}.hud-help{position:absolute;bottom:16px;left:16px;background:#14161cd9;border:1px solid #2a2d36;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.7;color:#cbd0dc;max-width:280px;backdrop-filter:blur(8px)}.hud-help kbd,.pointer-lock-overlay kbd{display:inline-block;background:#232732;border:1px solid #353a47;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:11px;margin:0 1px;color:#e9ecf1}.upload-area{border:2px dashed #353a47;border-radius:6px;padding:18px 10px;text-align:center;cursor:pointer;font-size:12px;color:#8e95a6;margin-bottom:8px;transition:all .15s}.upload-area:hover{border-color:#2563eb;color:#cbd0dc}.upload-area input{display:none}.upload-preview{margin-top:8px;border-radius:6px;overflow:hidden;border:1px solid #2a2d36}.upload-preview img{width:100%;display:block}.selected-info{background:#1c1f28;border-radius:6px;padding:10px;font-size:12px}.selected-info .row{display:flex;justify-content:space-between;padding:3px 0;color:#b3b9c8}.selected-info .row span:last-child{color:#e9ecf1;font-family:monospace}.pointer-lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:5;cursor:pointer;flex-direction:column;gap:12px}.pointer-lock-overlay .big{font-size:18px;font-weight:600}.pointer-lock-overlay .small{font-size:13px;color:#cbd0dc}.pointer-lock-overlay .ring{width:60px;height:60px;border:3px solid #2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px}.crosshair{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border:1px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none}.tip-text{font-size:11px;color:#6d7280;line-height:1.5;margin-top:4px}.divider{height:1px;background:#2a2d36;margin:12px 0}.color-swatches{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent}.color-swatch.active{border-color:#2563eb}.seg{display:inline-flex;background:#1c1f28;border:1px solid #2a2d36;border-radius:6px;padding:2px;gap:0}.seg-btn{background:transparent;color:#8e95a6;border:none;padding:4px 10px;font-size:12px;cursor:pointer;border-radius:4px;transition:all .15s}.seg-btn:hover{color:#cbd0dc}.seg-btn.active{background:#2563eb;color:#fff}.btn.off{opacity:.6}.quality-select{background:#1c1f28;color:#cbd0dc;border:1px solid #2a2d36;border-radius:6px;padding:6px 8px;font-size:12px;cursor:pointer;outline:none}.quality-select:hover{border-color:#2563eb}.pointer-lock-overlay{background:#00000059}.lock-card{background:#14161ceb;border:1px solid #2a2d36;border-radius:14px;padding:22px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 14px 40px #0000008c;backdrop-filter:blur(6px)}.lock-card .ring{width:48px;height:48px;border:2px solid #2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#2563eb;margin-bottom:4px}.lock-card .big{font-size:16px;font-weight:600}.lock-card .small{font-size:12px;color:#8e95a6}.walk-hint{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#14161cbf;border:1px solid #2a2d36;border-radius:6px;padding:6px 12px;font-size:12px;color:#cbd0dc;pointer-events:none;animation:fadeOut 2.2s ease-out}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.minimap{position:absolute;top:16px;right:16px;background:#14161cd9;border:1px solid #2a2d36;border-radius:10px;padding:8px;pointer-events:none;z-index:6;backdrop-filter:blur(6px)}.minimap-label{font-size:11px;color:#8e95a6;margin-bottom:4px;text-align:center}.minimap canvas{display:block;border-radius:6px}.crosshair{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;pointer-events:none;z-index:7}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffd9}.crosshair:before{left:5px;top:0;width:2px;height:12px}.crosshair:after{left:0;top:5px;width:12px;height:2px}.place-toast{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#226638eb;border:1px solid #34a86c;border-radius:6px;padding:8px 16px;font-size:13px;color:#fff;pointer-events:none;z-index:8;animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.smart-panel{position:absolute;top:16px;left:50%;transform:translate(-50%);width:360px;max-height:calc(100vh - 110px);background:#14161cf2;border:1px solid #2a2d36;border-radius:12px;padding:12px;z-index:9;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 50px #00000080;color:#e9ecf1}.smart-panel-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #2a2d36}.smart-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.stat-row{background:#1c1f28;padding:6px 8px;border-radius:6px;display:flex;flex-direction:column;align-items:center;font-size:11px;color:#8e95a6}.stat-row b{font-size:18px;margin-top:2px;color:#cbd0dc}.smart-list{overflow-y:auto;max-height:60vh;display:flex;flex-direction:column;gap:8px}.smart-cat{background:#1c1f28;border:1px solid #2a2d36;border-radius:8px;padding:6px 8px}.smart-cat-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8e95a6;padding:2px 0 6px;border-bottom:1px dashed #2a2d36;margin-bottom:4px}.device-row{display:flex;align-items:center;gap:8px;padding:5px 2px;font-size:12px}.device-name{flex:1}.device-pos{font-family:monospace;font-size:10px;color:#6d7280}.toggle{width:40px;height:22px;background:#2a2d36;border:none;border-radius:11px;cursor:pointer;position:relative;transition:background .15s;padding:0}.toggle.on{background:#3a9858}.toggle-dot{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .18s}.toggle.on .toggle-dot{left:20px}.plan-editor{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#0d0f14;color:#e6e9f0}.pe-topbar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#171a22;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.pe-name{width:140px;padding:6px 10px;background:#0d0f14;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;font-weight:700;font-size:13px}.pe-tools{display:flex;gap:4px;flex-wrap:wrap}.pe-tool{padding:6px 10px;background:#21242e;border:1px solid transparent;border-radius:8px;color:#cdd3e0;font-size:12px;cursor:pointer}.pe-tool:hover{background:#2a2e3a}.pe-tool.active{background:#2b4a8a;border-color:#4f8cff;color:#fff}.pe-spacer{flex:1}.pe-btn{padding:6px 10px;background:#21242e;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#cdd3e0;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.pe-btn:hover:not(:disabled){background:#2a2e3a}.pe-btn:disabled{opacity:.35;cursor:default}.pe-btn.primary{background:#1c4d2e;border-color:#3a9858;color:#d9ffe6}.pe-btn.primary:hover{background:#226038}.pe-btn.danger{background:#4d231c;border-color:#985241;color:#ffe2d9}.pe-btn.danger:hover{background:#5e2a21}.pe-btn.small{padding:4px 8px;font-size:11px;margin-top:6px}.pe-body{flex:1;display:flex;min-height:0}.pe-canvas{flex:1;width:100%;height:100%;display:block;touch-action:none}.pe-canvas.tool-wall,.pe-canvas.tool-door,.pe-canvas.tool-window,.pe-canvas.tool-spawn,.pe-canvas.tool-calibrate{cursor:crosshair}.pe-canvas.tool-room{cursor:cell}.pe-canvas.tool-image{cursor:move}.pe-props{width:230px;overflow-y:auto;background:#14161d;border-left:1px solid rgba(255,255,255,.08);padding:10px}.pe-section{margin-bottom:12px;padding:10px;background:#1a1d26;border-radius:10px}.pe-title{font-size:12px;font-weight:700;color:#8e95a6;margin-bottom:8px}.pe-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.pe-row label{width:44px;color:#8e95a6;flex-shrink:0}.pe-row input[type=number],.pe-row input:not([type]),.pe-row select{flex:1;min-width:0;padding:4px 8px;background:#0d0f14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:12px}.pe-row input[type=range]{flex:1}.pe-errors{border:1px solid #985241}.pe-error{font-size:12px;color:#ff9a8a;margin-bottom:4px}.pe-help ol{margin:0;padding-left:18px;font-size:11px;color:#8e95a6;line-height:1.8}.pe-status{display:flex;align-items:center;padding:6px 12px;background:#171a22;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8e95a6}.btn.full{width:100%;margin-top:6px;justify-content:center}.preset-card.custom{position:relative}.preset-card .card-actions{position:absolute;top:4px;right:4px;display:none;gap:2px}.preset-card:hover .card-actions{display:flex}.preset-card .card-actions button{padding:2px 4px;font-size:11px;background:#00000080;border:none;border-radius:4px;cursor:pointer}.gizmo-toolbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 10px;background:#12141cdb;border:1px solid rgba(255,255,255,.1);border-radius:14px;backdrop-filter:blur(14px);box-shadow:0 12px 38px #00000052;z-index:10;color:#eaf0ff;font-size:12px;pointer-events:auto}.gizmo-toolbar .gizmo-seg{display:flex;gap:4px;padding:3px;background:#00000047;border-radius:10px}.gizmo-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:8px;color:#c8d2e6;font:inherit;cursor:pointer;transition:background .15s,color .15s}.gizmo-btn:hover{background:#ffffff0f;color:#fff}.gizmo-btn.active{background:linear-gradient(180deg,#3b82ff,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82ff52}.gizmo-btn kbd{display:inline-block;padding:1px 5px;font-size:10px;color:inherit;background:#ffffff29;border:1px solid rgba(255,255,255,.18);border-radius:4px;opacity:.85}.gizmo-divider{width:1px;height:22px;background:#ffffff1f}.gizmo-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#c8d2e6;cursor:pointer;font-size:16px;transition:background .15s,color .15s,border-color .15s}.gizmo-icon:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1a;color:#fff}.gizmo-icon:disabled{opacity:.32;cursor:not-allowed}.gizmo-icon.danger:hover{background:#ff404029;color:#ff8a8a;border-color:#ff40404d}.gizmo-info{display:inline-flex;flex-direction:column;gap:2px;padding:0 6px;line-height:1.2;white-space:nowrap}.gizmo-info b{color:#fff;font-size:12.5px}.gizmo-info span{color:#8a93a8;font-size:10.5px;font-variant-numeric:tabular-nums}.hotbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(9,56px);gap:4px;padding:5px;background:#0a0c129e;border:1px solid rgba(255,255,255,.08);border-radius:8px;z-index:50;backdrop-filter:blur(6px);user-select:none;pointer-events:auto}.hotbar-slot{width:56px;height:56px;position:relative;background:#0000006b;border:2px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer;transition:transform .1s,border-color .15s;display:flex;align-items:center;justify-content:center}.hotbar-slot:hover{border-color:#ffffff47}.hotbar-slot.active{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2459;transform:translateY(-2px)}.hotbar-slot .slot-digit{position:absolute;top:1px;right:4px;font-size:10px;color:#94a3b8;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.hotbar-slot .slot-icon{font-size:26px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.hotbar-slot .slot-name{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none}.hotbar-slot.empty .slot-icon{opacity:.18}.lang-btn{font-weight:600;letter-spacing:.3px;border-color:#78a0ff59!important}.hotbar-slot .slot-clear{position:absolute;top:-7px;left:-7px;width:17px;height:17px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#14161ceb;color:#f87171;font-size:10px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center}.hotbar-slot:hover .slot-clear{display:flex}.hotbar-slot .slot-clear:hover{background:#7f1d1d;color:#fff;border-color:#f87171}.held-tooltip{position:fixed;bottom:86px;left:50%;transform:translate(-50%);padding:5px 14px;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#fff;font-size:13px;z-index:49;pointer-events:none;animation:heldFade .25s ease-out}.held-tooltip .held-keys{margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.18);color:#94a3b8;font-size:11px}@keyframes heldFade{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.crosshair-host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;z-index:45;pointer-events:none;mix-blend-mode:difference}.crosshair-host svg{width:100%;height:100%;display:block}.crosshair-host .ch-stroke{stroke:#fff;stroke-width:2;fill:none}.crosshair-host .ch-fill{fill:#fff}.fp-badges{position:fixed;top:56px;right:12px;display:flex;flex-direction:column;gap:4px;z-index:45;pointer-events:none}.fp-badge{background:#0000008c;border:1px solid rgba(255,255,255,.12);padding:3px 8px;border-radius:12px;font-size:11px;color:#fff;display:flex;align-items:center;gap:4px}.fp-badge.fly{color:#93c5fd;border-color:#93c5fd59}.fp-badge.sneak{color:#d4b8ff;border-color:#d4b8ff59}.fp-badge.sprint{color:#fcd34d;border-color:#fcd34d59}.fp-gear{position:fixed;top:12px;right:12px;width:36px;height:36px;background:#0a0c1299;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#c8d2e6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:46;transition:background .15s,color .15s;pointer-events:auto}.fp-gear:hover{background:#ffffff14;color:#fff}.inventory-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:32px}.inventory-panel{width:min(960px,100%);max-height:82vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f172a,#111827);border:1px solid #1f2937;border-radius:14px;overflow:hidden;box-shadow:0 24px 64px #00000080}.inventory-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff0a;border-bottom:1px solid #1f2937}.inventory-header h2{margin:0;font-size:16px;color:#fff;font-weight:600}.inventory-header .target-slot{color:#fbbf24;font-size:12px}.inventory-search{margin-left:auto;flex:0 0 220px;background:#0006;border:1px solid #1f2937;border-radius:6px;padding:6px 10px;color:#fff;font-size:13px}.inventory-search:focus{outline:none;border-color:#fbbf24}.inventory-body{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;align-content:start}.inventory-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .1s,background .15s,border-color .15s}.inventory-card:hover{transform:translateY(-2px);background:#fbbf241f;border-color:#fbbf2466}.inventory-card .icon{font-size:32px}.inventory-card .name{font-size:11px;color:#c8d2e6;text-align:center}.inventory-empty{grid-column:1 / -1;text-align:center;padding:40px 0;color:#64748b;font-size:13px}.inventory-footer{padding:10px 20px;font-size:11px;color:#64748b;background:#0000004d;border-top:1px solid #1f2937;text-align:center}.settings-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:70}.settings-panel{width:min(440px,100%);background:linear-gradient(180deg,#0f172a,#111827);border:1px solid #1f2937;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:18px}.settings-panel h2{margin:0 0 4px;font-size:16px;color:#fff}.settings-row{display:flex;flex-direction:column;gap:6px}.settings-row label{font-size:12px;color:#c8d2e6;display:flex;justify-content:space-between}.settings-row label b{color:#fbbf24;font-variant-numeric:tabular-nums}.settings-row input[type=range]{width:100%;accent-color:#fbbf24}.settings-row.toggle{flex-direction:row;align-items:center;gap:8px}.settings-actions{display:flex;gap:8px;justify-content:flex-end}.settings-actions button{background:#1f2937;border:1px solid #334155;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px}.settings-actions button.primary{background:#fbbf24;color:#111827;border-color:#fbbf24}.settings-actions button:hover{filter:brightness(1.1)}.crosshair-hint{position:fixed;top:calc(50% + 26px);left:50%;transform:translate(-50%);padding:3px 12px;background:#00000073;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffd9;font-size:11.5px;white-space:nowrap;z-index:45;pointer-events:none}.pos-field{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#8a93a8;white-space:nowrap}.pos-field input{width:58px;background:#00000059;border:1px solid #2a3142;border-radius:4px;color:#fff;padding:3px 5px;font-size:11.5px;font-variant-numeric:tabular-nums}.pos-field input:focus{outline:none;border-color:#fbbf24}.room-badge{position:fixed;top:58px;left:50%;transform:translate(-50%);padding:4px 14px;background:#0a0c1299;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffd98a;font-size:12.5px;font-weight:600;z-index:44;pointer-events:none;backdrop-filter:blur(4px)}.debug-hud{position:fixed;top:58px;left:12px;padding:8px 12px;background:#000000a6;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9fe8a8;font-family:Consolas,monospace;font-size:11.5px;line-height:1.7;z-index:48;pointer-events:none}.debug-hud b{color:#fff}