:root{color:#ece3cf;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow:hidden}@media (width<=820px) and (orientation:portrait){body{overflow:auto}}.app-shell{--left-width:238px;--right-width:286px;--handle-width:30px;color:#ece3cf;background:radial-gradient(circle at 22% 0,#9c73351f,#0000 28%),linear-gradient(135deg,#0b0d0d 0%,#141413 54%,#090a0a 100%);grid-template-rows:58px minmax(0,1fr) auto;width:100%;min-height:100svh;display:grid;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #d6bb7c33;border-radius:6px}button:hover:not(:disabled){background:#eec7681a;border-color:#eec768b3}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #e6bd57}button:disabled,input:disabled{cursor:not-allowed;opacity:.42}.top-bar{z-index:4;background:#070808e0;border-bottom:1px solid #d6bb7c33;grid-template-columns:230px minmax(330px,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid;box-shadow:0 10px 30px #00000061}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#e3bd62;font-family:Georgia,serif;font-size:28px;line-height:1}.brand strong{letter-spacing:0;font-family:Georgia,serif;font-size:17px;line-height:1.05;display:block}.brand small,.tool-button small,.preset-grid small,.map-select small,.panel-section h2 span,.layer-row small{color:#9b9385;font-size:11px;line-height:1.2;display:block}.main-nav{align-items:stretch;gap:6px;height:38px;display:flex}.nav-tab{color:#c7bdad;background:0 0;border-color:#0000;min-width:98px;padding:0 12px}.nav-tab.active{color:#fff4d4;background:linear-gradient(#e2b85629,#e2b8560a);border-color:#e2b85673}.top-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.focus-toggle{color:#f7dd91;white-space:nowrap;min-height:38px;padding:0 12px}.room-badge{color:#e7dfcf;white-space:nowrap;background:#ffffff0a;border:1px solid #d6bb7c2e;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:240px;padding:9px 12px;font-size:13px;display:flex}.status-dot{background:#4bd268;border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 12px #4bd268bf}.planner-layout{grid-template-columns:var(--left-width) var(--handle-width) minmax(0, 1fr) var(--handle-width) var(--right-width);gap:6px;min-height:0;padding:6px;display:grid;position:relative}.app-shell.left-collapsed .planner-layout{grid-template-columns:var(--handle-width) minmax(0, 1fr) var(--handle-width) var(--right-width)}.app-shell.right-collapsed .planner-layout{grid-template-columns:var(--left-width) var(--handle-width) minmax(0, 1fr) var(--handle-width)}.app-shell.left-collapsed.right-collapsed .planner-layout{grid-template-columns:var(--handle-width) minmax(0, 1fr) var(--handle-width)}.app-shell.focus-mode .planner-layout{grid-template-columns:minmax(0,1fr)}.app-shell.focus-mode .top-bar{grid-template-columns:210px minmax(160px,1fr) auto}.app-shell.focus-mode .main-nav .nav-tab:not(.active),.app-shell.focus-mode .room-badge{display:none}.app-shell.focus-mode .bottom-toolbar{grid-template-columns:minmax(0,1fr)}.app-shell.focus-mode .toolbar-options{display:none}.side-panel{background:linear-gradient(#161716eb,#0a0b0bf0),#101111;border:1px solid #d6bb7c29;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:auto}.panel-section{border-bottom:1px solid #d6bb7c21;padding:11px}.panel-section:last-child{border-bottom:0}.panel-section h2{color:#f3e7ca;letter-spacing:0;margin:0 0 10px;font-size:14px;line-height:1.2}.section-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-button{color:#d9c38b;min-height:28px;padding:0 9px;font-size:12px}.panel-handle{color:#f1d06d;background:linear-gradient(#e2b85614,#ffffff08),#080909d1;border-color:#d6bb7c2e;place-items:center;min-width:0;min-height:100%;padding:0;font-size:26px;display:grid}.map-select{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.map-thumb{background:#080909;border:1px solid #e2b85666;border-radius:6px;margin-top:10px;padding:6px}.map-thumb img{aspect-ratio:1;object-fit:cover;filter:contrast(1.14)saturate(1.02)brightness(1.02);width:100%;display:block}.compact-thumb{max-height:124px;overflow:hidden}.map-icon{color:#d94142;place-items:center;width:22px;height:22px;font-size:22px;display:grid}.chevron{color:#cdbf9e}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.segmented-control button{color:#cfc3ad;min-height:33px;padding:0 8px}.segmented-control button.active{color:#fff4d4;background:#eec7681f;border-color:#eec768c7}.zoom-row,.history-row,.color-row{align-items:center;gap:8px;display:flex}.zoom-row{justify-content:space-between;margin-bottom:9px}.zoom-row button{width:32px;height:32px;font-size:18px}.zoom-row strong{color:#f8efd3;text-align:center;min-width:74px}.check-row{color:#d7cbb8;align-items:center;gap:8px;min-height:30px;margin-bottom:8px;font-size:13px;display:flex}.check-row input,.layer-row input{accent-color:#e4c15c;width:17px;height:17px}.secondary-button,.history-row button{width:100%;min-height:34px}.secondary-button+.secondary-button{margin-top:8px}.history-row{margin-bottom:8px}.danger:not(:disabled){color:#ffd4d4;border-color:#e24d4d6b}.current-mode,.extension-card,.extension-note{background:#ffffff09;border:1px solid #d6bb7c24;border-radius:6px;align-items:center;gap:10px;min-width:0;display:grid}.current-mode{grid-template-columns:auto 1fr;padding:10px}.current-mode-icon{color:#f1d06d;background:#e2b8561a;border-radius:6px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.extension-list{gap:7px;display:grid}.extension-card{text-align:left;grid-template-columns:auto 1fr;padding:8px}.extension-card.active{background:#eec7681a;border-color:#eec768c7}.extension-portrait{color:#e5d8b8;background:linear-gradient(135deg,#ffffff14,#00000029),#625d5270;border-radius:6px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-weight:700;display:grid}.extension-note{color:#cfefff;margin-top:8px;padding:8px;font-size:12px}.asset-slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.asset-slot-list span{color:#b9ae9b;background:#ffffff06;border:1px dashed #d6bb7c33;border-radius:6px;padding:7px 8px;font-size:12px}.map-stage{background:#070808;border:1px solid #d6bb7c29;border-radius:8px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.planner-canvas{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#101111}.map-stage.fit .planner-canvas{width:min(100%,100svh - 132px);max-height:calc(100svh - 132px)}.map-stage.fill .planner-canvas{width:100%;height:auto;min-height:100%}.focus-mode .map-stage.fit .planner-canvas{width:min(100%,100svh - 126px);max-height:calc(100svh - 126px)}.planner-canvas.can-pan{cursor:grab}.planner-canvas.can-pan:active{cursor:grabbing}.base-layer image{filter:contrast(1.22)saturate(1.06)brightness(1.08);image-rendering:auto}.element-layer{cursor:crosshair}.planner-element{cursor:pointer;pointer-events:all}.planner-element.selected{filter:drop-shadow(0 0 8px #f6d770f2)}.layer-list{gap:6px;display:grid}.layer-row{background:#ffffff08;border:1px solid #d6bb7c21;border-radius:6px;grid-template-columns:auto auto minmax(72px,auto) 1fr auto;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:grid}.layer-row.locked{color:#857d70}.layer-swatch{border-radius:4px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff2e}.eye{color:#e9d28b;font-size:10px}.lock{color:#756f66;font-size:11px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.preset-grid button{color:#f4ead2;min-height:58px;padding:7px 6px}.preset-grid button:hover,.preset-grid button:focus-visible{border-color:#eec768d9;box-shadow:inset 0 0 0 1px #eec76842,0 0 24px #e2b8561f}.right-panel .inspector-panel{margin-top:auto}.room-card{background:#ffffff08;border:1px solid #d6bb7c24;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.room-card.is-disabled{color:#928979}.room-card button{min-height:32px;padding:0 10px}.member-dots{align-items:center;gap:7px;margin-top:9px;display:flex}.member-dots span{background:#577eae8c;border:1px solid #ffffff2e;border-radius:999px;width:22px;height:22px}.member-dots span:nth-child(2){background:#5faa638c}.member-dots span:nth-child(3){background:#9f56b08c}.member-dots span:nth-child(4){background:#b157548c}.member-dots small{color:#afa491}.notes-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.notes-tabs button{color:#cfc3ad;min-height:32px}.notes-tabs button.active{color:#f7dd91;background:#eec76817;border-color:#eec768b3}textarea{resize:vertical;box-sizing:border-box;color:#efe6d0;background:#00000042;border:1px solid #d6bb7c2e;border-radius:6px;width:100%;min-height:82px;padding:10px;display:block}.notes-panel textarea{margin-bottom:8px}.selection-info{color:#bdb39f;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:13px;display:flex}.empty-state{color:#afa491;margin:0;font-size:13px}.inspector{gap:9px;display:grid}.inspector-group{gap:6px;display:grid}.inspector-group>span,.inspector-range{color:#cbbfa9;font-size:12px}.inspector-colors{flex-wrap:wrap}.inspector-range{grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.inspector-range input[type=range]{accent-color:#e6bd57;width:100%}.bulk-controls{background:#55bfff0f;border:1px solid #55bfff3d;border-radius:6px;gap:7px;margin-bottom:10px;padding:8px;display:grid}.bulk-controls label{color:#cfefff;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;display:grid}.bulk-controls input[type=range],.stroke-control input[type=range]{accent-color:#e6bd57;width:100%}.bottom-toolbar{z-index:3;background:#080909eb;border-top:1px solid #d6bb7c2e;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px;display:grid}.toolbar-tools{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:5px;min-width:0;display:grid}.tool-button{text-align:center;place-items:center;gap:3px;min-width:0;min-height:58px;padding:6px 4px;display:grid}.tool-button.active{border-color:#eec768d9;box-shadow:inset 0 0 0 1px #eec76842,0 0 24px #e2b8561f}.tool-button span{color:#f1d06d;font-size:21px;line-height:1}.tool-button strong{font-size:12px;line-height:1.1}.toolbar-options{gap:7px;min-width:480px;display:flex}fieldset{border:1px solid #d6bb7c29;border-radius:6px;min-width:0;margin:0;padding:7px 9px}legend{color:#bfb294;padding:0 5px;font-size:12px}.color-chip{border-color:#fff3;border-radius:5px;width:26px;height:26px}.color-chip.active{outline-offset:2px;outline:2px solid #e6bd57}.stroke-field{min-width:190px}.stroke-control{grid-template-columns:minmax(98px,1fr) 54px;align-items:center;gap:8px;display:grid}.stroke-control input[type=number],.bulk-size-grid input{color:#f2e6c9;background:#ffffff0d;border:1px solid #d6bb7c2e;border-radius:5px;width:100%;height:28px}.bulk-size-field{min-width:170px}.bulk-size-grid{grid-template-columns:repeat(3,minmax(42px,1fr));gap:6px;display:grid}.bulk-size-grid label{color:#cfefff;gap:2px;font-size:11px;display:grid}@media (width<=1260px){.app-shell{--left-width:210px;--right-width:248px}.top-bar{grid-template-columns:210px 1fr auto}.nav-tab{min-width:82px;padding:0 9px;font-size:13px}.room-badge{display:none}.toolbar-options{min-width:405px}.tool-button small{display:none}}@media (orientation:landscape) and (height<=620px){.app-shell{--left-width:184px;--right-width:212px;grid-template-rows:46px minmax(0,1fr) auto}.top-bar{grid-template-columns:168px minmax(240px,1fr) auto;padding:5px 8px}.brand strong{font-size:14px}.brand small{display:none}.main-nav{height:34px}.nav-tab{min-width:60px;padding:0 6px;font-size:12px}.focus-toggle{min-height:34px;padding:0 9px;font-size:12px}.planner-layout{gap:5px;padding:5px}.panel-section{padding:8px}.panel-section h2{margin-bottom:7px;font-size:12px}.panel-section h2 span,.layer-row small,.map-thumb,.asset-slot-list{display:none}.map-stage.fit .planner-canvas{width:min(100%,100svh - 104px);max-height:calc(100svh - 104px)}.bottom-toolbar{grid-template-columns:minmax(0,1fr);gap:5px}.toolbar-tools{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.tool-button{min-height:44px;padding:4px 2px}.tool-button small,.tool-button strong{display:none}.toolbar-options{justify-content:center;min-width:0}.bulk-size-field{display:none}textarea{min-height:58px}}@media (width<=820px) and (orientation:portrait){.app-shell{min-height:auto;overflow:auto}.top-bar,.planner-layout,.bottom-toolbar{grid-template-columns:1fr}.main-nav{overflow-x:auto}.planner-layout{overflow:visible}.side-panel{max-height:none}.map-stage.fit .planner-canvas,.map-stage.fill .planner-canvas{width:100%;max-height:none}.toolbar-tools{grid-template-columns:repeat(5,minmax(58px,1fr))}.toolbar-options{flex-wrap:wrap;min-width:0}}