:root{--ink: #0C1317;--ink-2: #131E24;--ink-3: #1B2A32;--line: #263A44;--line-soft: #1E2E36;--vellum: #E9E4D7;--vellum-2: #D8D2C1;--graphite: #33403F;--signal: #FFB020;--signal-dim: #A8741A;--cyan: #63C6DC;--danger: #E2674C;--text: #DAE3E8;--text-2: #91A5B0;--text-3: #61757F;--radius: 8px;--radius-sm: 5px;--panel-w: 286px;--shadow: 0 18px 44px rgba(0, 0, 0, .45);--sans: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-3)}h1,h2,h3{margin:0;font-weight:550;letter-spacing:-.011em}.panel__title{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}.hint{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:var(--text-3)}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:7px 13px;font:inherit;font-size:12.5px;font-weight:520;color:var(--text);background:transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn--primary{background:var(--signal);color:#17120a;font-weight:600}.btn--primary:hover{background:#ffc24e}.btn--ghost{border-color:var(--line);color:var(--text-2)}.btn--ghost:hover{border-color:var(--text-3);color:var(--text)}.btn--quiet{color:var(--text-3);padding:6px 9px}.btn--quiet:hover{color:var(--text);background:var(--ink-3)}.btn--wide{width:100%;justify-content:center;text-align:center}.btn:disabled{opacity:.5;cursor:default}.icon-btn{appearance:none;border:1px solid var(--line);background:#0c1317b8;color:var(--text-2);border-radius:var(--radius-sm);width:28px;height:28px;display:grid;place-items:center;font-size:13px;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.icon-btn:hover{color:var(--text);border-color:var(--text-3)}.icon-btn.is-active{color:var(--signal);border-color:var(--signal-dim)}.icon-btn--danger:hover{color:var(--danger);border-color:var(--danger)}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--signal);outline-offset:2px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:52px;padding:0 14px;border-bottom:1px solid var(--line-soft);background:var(--ink-2);flex:none}.topbar__identity{display:flex;align-items:center;gap:12px;min-width:0}.brand{font-size:13px;font-weight:640;letter-spacing:-.01em}.topbar__divider{width:1px;height:18px;background:var(--line)}.tour-name{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:13px;padding:5px 8px;min-width:140px}.tour-name:hover{border-color:var(--line)}.tour-name:focus{border-color:var(--line);background:var(--ink);outline:none}.topbar__status{display:flex;align-items:center;gap:8px}.logo-chip{appearance:none;display:flex;align-items:center;gap:7px;border:1px dashed var(--line);background:transparent;color:var(--text-3);font:inherit;font-size:11.5px;padding:4px 9px 4px 5px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease,color .12s ease}.logo-chip:hover{border-color:var(--text-3);color:var(--text-2)}.logo-chip.has-logo{border-style:solid;color:var(--text-2)}.logo-chip__preview{width:24px;height:18px;border-radius:3px;background:var(--ink) center / contain no-repeat}.logo-chip.has-logo .logo-chip__preview{background-color:var(--ink-3)}.save-state[data-state=dirty]{color:var(--signal)}.save-state[data-state=saving]{color:var(--cyan)}.save-state[data-state=error]{color:var(--danger)}.layout{flex:1;min-height:0;display:grid;grid-template-columns:var(--panel-w) 1fr var(--panel-w)}.panel{background:var(--ink-2);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel--left{border-right:1px solid var(--line-soft)}.panel--right{border-left:1px solid var(--line-soft)}.panel__section{padding:14px;border-bottom:1px solid var(--line-soft);min-height:0}.panel__section--grow{flex:1;display:flex;flex-direction:column;border-bottom:none}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stage{position:relative;min-height:0;background:#05090b;overflow:hidden}.stage--full{flex:1}.stage__canvas{position:absolute;inset:0}.pano-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.stage__canvas.is-dragging .pano-canvas{cursor:grabbing}.stage__canvas.has-hotspot .pano-canvas{cursor:pointer}.stage__hud{position:absolute;top:12px;left:14px;display:flex;align-items:baseline;gap:10px;pointer-events:none}.hud__station{font-size:12px;letter-spacing:.02em;color:var(--text);text-shadow:0 1px 8px rgba(0,0,0,.8)}.hud__bearing{color:var(--signal);text-shadow:0 1px 8px rgba(0,0,0,.8)}.stage__hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:999px;background:#0c1317d1;border:1px solid var(--line-soft);font-size:11.5px;color:var(--text-3);pointer-events:none;backdrop-filter:blur(6px)}.stage__hint.is-warning{color:var(--signal);border-color:var(--signal-dim)}.stage__empty{display:grid;place-items:center;height:100%;color:var(--text-3)}.stations{display:flex;flex-direction:column;min-height:0;height:100%}.stations__head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px}.stations__rows{flex:1;overflow-y:auto;padding:0 8px 8px}.stations__empty{margin:20px 6px;font-size:12px;line-height:1.55;color:var(--text-3)}.stations__foot{padding:12px 14px 14px;border-top:1px solid var(--line-soft)}.station{display:grid;grid-template-columns:22px 46px 1fr auto;align-items:center;gap:9px;padding:7px 6px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .11s ease,border-color .11s ease}.station:hover{background:var(--ink-3)}.station.is-active{background:var(--ink-3);border-color:var(--signal-dim)}.station.is-dragging{opacity:.4}.station.is-drop-before{box-shadow:inset 0 2px 0 var(--signal)}.station__index{color:var(--text-3)}.station.is-active .station__index{color:var(--signal)}.station__thumb{width:46px;height:30px;border-radius:3px;background:var(--ink) center / cover no-repeat;border:1px solid var(--line-soft)}.station__body{min-width:0;display:flex;flex-direction:column;gap:1px}.station__name{font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px;padding:1px 3px;margin-left:-3px}.station__name:focus{outline:none;background:var(--ink);box-shadow:0 0 0 1px var(--line)}.station__meta{font-size:10px;color:var(--text-3)}.station__actions{display:flex;gap:3px;opacity:0;transition:opacity .11s ease}.station:hover .station__actions,.station.is-active .station__actions{opacity:1}.station__actions .icon-btn{width:24px;height:24px;font-size:11px}.compass{margin-top:12px}.compass__svg{width:100%;height:auto;display:block;overflow:visible}.compass.is-disabled{opacity:.35;pointer-events:none}.compass__ring{fill:none;stroke:var(--line);stroke-width:12;cursor:grab;transition:stroke .12s ease}.compass__ring:hover{stroke:var(--line-soft);stroke:#2f4854}.compass.is-rotating .compass__ring{stroke:var(--signal-dim);cursor:grabbing}.compass__track{fill:none;stroke:var(--line-soft);stroke-width:1;stroke-dasharray:2 6}.compass__needle-head{fill:var(--signal)}.compass__slot{cursor:pointer}.compass__slot-disc{fill:var(--ink-3);stroke:var(--line);stroke-width:1.5;transition:fill .12s ease,stroke .12s ease}.compass__slot:hover .compass__slot-disc{stroke:var(--text-3)}.compass__slot.is-bound .compass__slot-disc{fill:#ffb02024;stroke:var(--signal)}.compass__slot-label{fill:var(--text-2);font-family:var(--mono);font-size:12px;text-anchor:middle;pointer-events:none}.compass__slot.is-bound .compass__slot-label{fill:var(--signal)}.compass__slot-target{fill:var(--text-3);font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-anchor:middle;pointer-events:none}.compass__slot.is-bound .compass__slot-target{fill:var(--text-2)}.compass__readout{margin:6px 0 0;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--text-3)}.compass__readout b{color:var(--text);font-weight:500}.floorplan{display:flex;flex-direction:column;gap:8px;min-height:0}.floorplan__stage{position:relative;border-radius:var(--radius);background:var(--vellum);border:1px solid var(--vellum-2);overflow:hidden;aspect-ratio:1.4}.floorplan.is-empty .floorplan__stage{background:var(--ink-3);border-color:var(--line)}.floorplan__stage.is-drop-target{outline:2px dashed var(--signal);outline-offset:-4px}.floorplan__image{width:100%;height:100%;object-fit:contain;display:block}.floorplan__markers{position:absolute;inset:0}.floorplan__empty{margin:0;font-size:11px;line-height:1.5;color:var(--text-3)}.marker{position:absolute;transform:translate(-50%,-50%);appearance:none;background:none;border:none;padding:0;cursor:pointer;display:grid;place-items:center}.marker__dot{width:11px;height:11px;border-radius:50%;background:var(--graphite);border:2px solid var(--vellum);box-shadow:0 1px 3px #00000059;transition:background .12s ease,transform .12s ease}.marker:hover .marker__dot{transform:scale(1.25)}.marker.is-active .marker__dot{background:var(--signal)}.marker__cone{position:absolute;left:50%;top:50%;width:54px;height:54px;transform-origin:50% 100%;transform:translate(-50%,-100%);background:conic-gradient(from -26deg,rgba(255,176,32,.42) 0deg,rgba(255,176,32,.42) 52deg,transparent 52deg);clip-path:circle(100% at 50% 100%);opacity:0;pointer-events:none;transition:opacity .16s ease}.marker.is-active .marker__cone{opacity:1}.marker__label{position:absolute;top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.03em;color:var(--graphite);background:#e9e4d7e6;padding:1px 4px;border-radius:3px;white-space:nowrap;opacity:0;transition:opacity .12s ease}.marker:hover .marker__label,.marker.is-active .marker__label{opacity:1}.marker.is-dragging{cursor:grabbing}.app--viewer{position:relative}.brand-block{position:absolute;top:0;left:0;max-width:min(34vw,340px);padding:16px 20px 32px;background:linear-gradient(160deg,rgba(5,9,11,.78),transparent 78%);pointer-events:none;z-index:5}.brand-block__title{font-size:15px;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 10px rgba(0,0,0,.7)}.brand-block__logo{display:block;margin-top:10px;max-height:10vh;max-width:20vw;width:auto;height:auto;object-fit:contain;object-position:left top}.view-rail{position:absolute;top:14px;right:14px;z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:1px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none;padding:4px;border-radius:var(--radius);background:#0c13179e;border:1px solid rgba(38,58,68,.7);backdrop-filter:blur(10px)}.view-rail::-webkit-scrollbar{display:none}.view-rail[hidden]{display:none}.view-rail__item{appearance:none;border:none;background:transparent;color:var(--text-2);font:inherit;font-size:12px;text-align:left;padding:6px 10px 6px 8px;border-radius:var(--radius-sm);cursor:pointer;display:grid;grid-template-columns:3px 1fr;align-items:center;gap:8px;transition:color .12s ease,background .12s ease}.view-rail__item:hover{color:var(--text);background:#1f2c34cc}.view-rail__mark{width:3px;height:12px;border-radius:2px;background:transparent;transition:background .14s ease,height .14s ease}.view-rail__item.is-active{color:var(--text)}.view-rail__item.is-active .view-rail__mark{background:var(--signal);height:16px}.view-rail__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:24vw}.corner-controls{position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:8px}.round-btn{appearance:none;width:42px;height:42px;border-radius:50%;border:1px solid rgba(38,58,68,.9);background:#0c1317c7;color:var(--text-2);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);transition:color .13s ease,border-color .13s ease,transform .13s ease}.round-btn:hover{color:var(--text);border-color:var(--text-3)}.round-btn:active{transform:scale(.94)}.round-btn.is-active{color:var(--signal);border-color:var(--signal-dim)}.round-btn[hidden]{display:none}.round-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.plan-dock{position:absolute;right:16px;bottom:70px;width:min(300px,34vw);padding:10px;border-radius:var(--radius);background:#0c1317e0;border:1px solid var(--line-soft);box-shadow:var(--shadow);backdrop-filter:blur(12px);z-index:6;transform-origin:100% 100%;animation:dock-in .18s ease-out}.plan-dock[hidden]{display:none}.plan-dock__close{display:none;position:absolute;top:8px;right:8px;appearance:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0c1317e6;color:var(--text-2);place-items:center;cursor:pointer;z-index:1}.plan-dock__close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}@keyframes dock-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}.picker{position:fixed;inset:0;background:#05090bad;display:grid;place-items:center;z-index:40;padding:20px}.picker__panel{width:min(360px,100%);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.picker__title{font-size:13px;margin-bottom:12px}.picker__list{display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow-y:auto}.picker__option{appearance:none;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-2);font:inherit;font-size:12.5px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer}.picker__option:hover{background:var(--ink-3);color:var(--text)}.picker__option.is-selected{border-color:var(--signal-dim);color:var(--signal)}.picker__foot{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);padding:9px 16px;border-radius:999px;background:var(--ink-3);border:1px solid var(--line);box-shadow:var(--shadow);font-size:12.5px;z-index:50}.app--login{display:grid;place-items:center;padding:24px}.login{width:min(340px,100%);display:flex;flex-direction:column;gap:12px}.login__mark{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);position:relative;margin-bottom:6px}.login__mark:after{content:"";position:absolute;top:-1px;left:50%;width:2px;height:9px;background:var(--signal);transform:translate(-50%)}.login__title{font-size:19px}.login__title span{font-size:15px;color:var(--signal);letter-spacing:.02em}.login__sub{margin:-6px 0 6px;font-size:12.5px;color:var(--text-3)}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.field input{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:13px;padding:9px 11px}.field input:focus{border-color:var(--text-3);outline:none}.login__error{margin:0;font-size:12px;color:var(--danger)}.login__link{font-size:12px;color:var(--text-3);text-align:center;text-decoration:none;margin-top:4px}.login__link:hover{color:var(--text-2)}.app--message{display:grid;place-items:center;padding:24px;text-align:center}.message{max-width:400px;display:flex;flex-direction:column;align-items:center;gap:10px}.message__title{font-size:17px}.message__body{margin:0;font-size:13px;color:var(--text-3);line-height:1.6}.message__pulse{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);border-top-color:var(--signal);animation:sweep 1.1s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}@media(max-width:1080px){.layout{grid-template-columns:240px 1fr 240px}:root{--panel-w: 240px}}@media(max-width:860px){.layout{grid-template-columns:1fr;grid-template-rows:minmax(0,40vh) minmax(0,1fr);overflow-y:auto}.panel--right{border-left:none;border-top:1px solid var(--line-soft)}.panel--left{border-right:none;border-bottom:1px solid var(--line-soft);order:2}.stage{order:1;min-height:46vh}.topbar{height:auto;flex-wrap:wrap;gap:8px;padding:8px 12px}.topbar__identity{width:100%}.logo-chip__label{display:none}}@media(max-width:720px){.brand-block{max-width:56vw;padding:12px 14px 26px}.brand-block__title{font-size:13.5px}.brand-block__logo{max-height:7vh;max-width:44vw;margin-top:8px}.view-rail{top:10px;right:10px;max-height:38vh;max-width:42vw}.view-rail__item{font-size:11.5px;padding:7px 9px 7px 7px}.view-rail__label{max-width:34vw}.corner-controls{right:12px;bottom:12px;gap:6px}.round-btn{width:46px;height:46px}.plan-dock{left:0;right:0;bottom:0;width:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;border-left:none;border-right:none;border-bottom:none;transform-origin:50% 100%;animation:sheet-in .2s ease-out}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.app--viewer.plan-open .corner-controls{display:none}.plan-dock__close{display:grid}}@media(max-width:720px)and (orientation:landscape){.view-rail{max-height:52vh}.brand-block__logo{max-height:12vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}