.studio-navigation [data-spatial-tab] i::before{content:"⌂"}.studio-navigation [data-spatial-tab].active i{background:#fff;color:#171a1e}.spatial-loading{display:grid;place-items:center;min-height:420px}.spatial-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 280px;gap:16px;align-items:start}.spatial-floors,.spatial-devices,.spatial-workspace{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(18,20,24,.78);box-shadow:0 18px 60px rgba(0,0,0,.16);overflow:hidden}.spatial-floors,.spatial-devices{position:sticky;top:18px}.spatial-side-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;color:#8e979f;font-size:9px;font-weight:800;letter-spacing:.12em}.spatial-side-head b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:#252a30;color:#dce1e5;font-size:10px}.spatial-floor{display:grid;width:calc(100% - 12px);margin:3px 6px;padding:10px 11px;text-align:left!important;border:1px solid transparent!important;background:transparent!important;color:#c9d0d5!important;box-shadow:none!important}.spatial-floor span,.spatial-floor small{display:block}.spatial-floor span{font-size:11px;font-weight:750}.spatial-floor small{margin-top:2px;color:#747d84;font-size:9px}.spatial-floor.active{border-color:rgba(255,255,255,.08)!important;background:#292d32!important;color:#fff!important;box-shadow:inset 3px 0 #f1f3f5!important}.spatial-side-note{margin:12px;padding:12px;border-top:1px solid rgba(255,255,255,.07);color:#687078;font-size:9px;line-height:1.55}.spatial-empty-side,.spatial-no-results{padding:20px 14px;color:#6e777e;font-size:10px}.spatial-devices .search-field{margin:5px 10px 9px!important}.spatial-devices .search-field input{background:#22262b!important;border-color:#343a40!important;color:#e7eaed!important}.spatial-device-list{max-height:calc(94vh - 280px);padding:0 8px 10px;overflow:auto}.spatial-device{display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:8px;width:100%;margin:4px 0;padding:8px;border:1px solid transparent!important;background:#202328!important;color:#dbe0e4!important;text-align:left!important;box-shadow:none!important}.spatial-device:hover{border-color:#3b4249!important;background:#262a30!important}.spatial-device.used{opacity:.58}.spatial-device>span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#30353b;color:#fff;font-size:13px}.spatial-device strong,.spatial-device small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-device strong{font-size:10px}.spatial-device small{margin-top:2px;color:#737c83;font-size:8px}.spatial-device b{justify-self:end;color:#9ca4aa}.spatial-workspace{padding:14px}.spatial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 13px}.spatial-toolbar>div:first-child{display:grid;gap:4px}.spatial-toolbar input{height:34px!important;max-width:260px;border-color:#343a40!important;background:#202328!important;color:#f5f6f7!important;font-weight:750}.spatial-toolbar small{color:#747d84;font-size:9px}.spatial-upload{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid #3b4147;border-radius:7px;background:#262a2f;color:#dce1e4;font-size:11px;font-weight:750;cursor:pointer}.spatial-upload input,.spatial-image-empty input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.spatial-canvas-wrap{padding:12px;border:1px solid #30353a;border-radius:13px;background:#121417}.spatial-canvas{position:relative;aspect-ratio:16/10;min-height:430px;border-radius:9px;background:linear-gradient(135deg,#1e2226,#15181b);overflow:hidden}.spatial-canvas>img{display:block;width:100%;height:100%;object-fit:contain;background:#eef0ee}.spatial-image-empty,.spatial-empty{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#747d84}.spatial-image-empty strong{color:#dfe3e6}.spatial-image-empty span{margin:4px 0 12px;font-size:10px}.spatial-image-empty label{position:relative;padding:9px 13px;border:1px solid #3c4349;border-radius:8px;background:#262b30;color:#dbe0e4;cursor:pointer}.spatial-marker{position:absolute!important;transform:translate(-50%,-50%);display:grid!important;place-items:center;min-width:40px!important;width:auto!important;height:auto!important;min-height:40px!important;padding:5px 7px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:13px!important;background:rgba(18,21,24,.82)!important;color:#fff!important;backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(0,0,0,.35)!important;cursor:grab!important;z-index:2}.spatial-marker>span{font-size:15px}.spatial-marker>small{display:none;position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);padding:4px 6px;border-radius:5px;background:#101215;color:#fff;font-size:8px;white-space:nowrap}.spatial-marker:hover>small{display:block}.spatial-marker.marker-small{min-width:31px!important;min-height:31px!important;border-radius:10px!important}.spatial-marker.marker-large{min-width:52px!important;min-height:52px!important;border-radius:16px!important}.spatial-marker.marker-large>span{font-size:20px}.spatial-hint{display:flex;gap:8px;margin-top:10px;padding:9px 10px;border-radius:8px;background:#1b1e22;color:#737c83;font-size:9px}.spatial-hint span{color:#cbd1d5;font-weight:800}.spatial-empty{min-height:520px}.spatial-empty>div{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:15px;background:#282d32;color:#e9ecee;font-size:21px}.spatial-empty h4{margin:0 0 5px;color:#e8eaec}.spatial-empty p{max-width:330px}.spatial-panel .configuration-message{margin-top:12px}.spatial-panel .danger{background:#452725!important}.spatial-panel .editor-toolbar{margin-bottom:16px}@media(max-width:1180px){.spatial-layout{grid-template-columns:160px minmax(0,1fr)}.spatial-devices{grid-column:1/-1;position:static}.spatial-device-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:230px}.spatial-devices .search-field{max-width:340px}}@media(max-width:760px){.spatial-layout{grid-template-columns:1fr}.spatial-floors{position:static}.spatial-floor{display:inline-grid;width:auto;min-width:130px}.spatial-canvas{min-height:330px}.spatial-device-list{grid-template-columns:1fr 1fr}.spatial-toolbar{align-items:flex-start;flex-direction:column}}