@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";.hotspot-list .media-row.active{background:#f0f3ed}.hotspot-list .media-row.active .media-icon.link{color:#e56a4e;background:#fae9e2}.place-tag-button{justify-content:center;width:100%;margin:-4px 0 14px}.place-tag-button:disabled,.add-hotspot:disabled{opacity:.48;cursor:not-allowed}.placement-hint{pointer-events:none}.connect-prompt{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9faf6f0;border:1px solid #ffffff75;border-radius:5px;justify-items:start;gap:9px;width:min(290px,100% - 32px);padding:22px 20px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #18231b35}.connect-prompt>span{color:#d85f44;background:#f8e6df;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.connect-prompt b{font:700 13px var(--display);color:#26312a}.connect-prompt small{color:#7c857d;font-size:9px;line-height:1.6}.connect-prompt button{color:#fff;background:#27352c;border:0;border-radius:3px;align-items:center;gap:5px;height:29px;margin-top:3px;padding:0 9px;font-size:9px;display:flex}.mobile-panel-button{display:none}.tag-search{color:#9aa097;border:1px solid #e8e9e3;border-radius:4px;align-items:center;gap:7px;height:31px;margin:0 0 16px;padding:0 8px;display:flex}.tag-search input{color:#424a43;background:0 0;border:0;outline:none;width:100%;font-size:9px}.tag-search input::placeholder{color:#a8ada5}.tag-search kbd{font:8px var(--mono);color:#a7aca5;border:1px solid #e5e7e0;border-radius:2px;padding:1px 4px}:root{color:#202522;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--ink:#202522;--muted:#858b87;--line:#e8e9e3;--paper:#fff;--canvas:#f5f5f1;--coral:#f2674b;--mint:#d7f0df;--green:#42885c;--mono:"DM Mono",monospace;--display:"Manrope",sans-serif;background:#f5f5f1;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #ef805f}.studio{background:var(--canvas);flex-direction:column;height:100vh;min-height:700px;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;flex:none;grid-template-columns:1fr 1fr 1fr;align-items:center;height:62px;padding:0 22px;display:grid}.brand-lockup{font-family:var(--display);letter-spacing:0;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.brand-mark{color:#fff;background:#ed674b;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.brand-divider{background:#e7e8e2;width:1px;height:19px;margin:0 4px 0 8px}.workspace-label,.eyebrow{font-family:var(--mono);letter-spacing:0;color:#90958f;font-size:9px}.project-name{justify-self:center;align-items:center;gap:9px;display:flex}.project-name>div{gap:1px;display:grid}.project-name strong{font-size:12px;font-weight:700}.project-name>div>span{color:#969b96;align-items:center;gap:4px;font-size:10px;display:flex}.icon-button{color:#68706a;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover,.tool-chip:hover,.stage-icon:hover{color:var(--ink);background:#f1f2ed}.back-button{color:#848a85;width:29px;height:29px}.top-actions{justify-content:flex-end;align-items:center;gap:13px;display:flex}.save-state{color:#777e78;align-items:center;gap:7px;font-size:10px;display:flex}.save-state>span,.sdk-badge>span,.status-dot,.live-dot{background:#59a773;border-radius:50%;width:6px;height:6px}.save-state.unsaved>span{background:var(--coral)}.help-button{width:26px;height:26px}.share-button{color:#fff;background:#252c27;border:0;border-radius:5px;align-items:center;gap:7px;height:31px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.share-button:hover{background:#3c4840}.save-project-button{color:#424a43;background:#fff;border:1px solid #d8dbd2;border-radius:5px;align-items:center;gap:7px;height:31px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.save-project-button:hover{background:#f6f7f3}.save-project-button:disabled{opacity:.55;cursor:not-allowed}.avatar{color:#56625a;width:28px;height:28px;font-family:var(--mono);background:#e8ebe5;border:1px solid #e3e5de;border-radius:50%;font-size:9px}.toolbar{border-bottom:1px solid var(--line);background:#fbfbf8;flex:none;grid-template-columns:1fr 1fr 1fr;align-items:center;height:51px;padding:0 20px;display:grid}.toolbar-left,.toolbar-right,.toolbar-center{align-items:center;display:flex}.toolbar-left{gap:13px}.breadcrumb{color:#919791;align-items:center;gap:7px;font-size:10px;display:flex}.breadcrumb b{color:#414943;font-weight:600}.tour-pill{color:#7d857c;font:8px var(--mono);letter-spacing:0;border:1px solid #e5e9e1;border-radius:3px;align-items:center;gap:6px;padding:4px 7px;display:flex}.live-dot{width:5px;height:5px}.toolbar-center{justify-content:center;gap:3px}.mode-button{color:#818781;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:69px;height:29px;font-size:10px;display:flex}.mode-button.active{color:#2a312c;background:#e9ebe5;font-weight:600}.toolbar-right{justify-content:flex-end;gap:7px}.toolbar-right>.icon-button{width:29px;height:29px}.add-hotspot{color:#fff;background:#ed674b;border:0;border-radius:4px;align-items:center;gap:5px;height:29px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.add-hotspot:hover{background:#dc583e}.add-hotspot.armed{background:#252c27}.workspace{flex:1;grid-template-columns:236px minmax(320px,1fr) 286px;min-height:0;display:grid;overflow:hidden}.left-panel,.inspector{z-index:2;background:#fff;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.left-panel{border-right:1px solid var(--line);padding:22px 14px 0}.panel-heading{justify-content:space-between;align-items:center;padding:0 4px 20px;display:flex}.panel-heading h1,.inspector-head h2{font:700 16px var(--display);letter-spacing:0;margin:5px 0 0}.small-menu{width:25px;height:25px}.section-caption{font:9px var(--mono);color:#a0a49d;letter-spacing:0;justify-content:space-between;align-items:center;padding:0 4px;display:flex}.tiny{color:#91978f;width:23px;height:23px}.function-list{gap:2px;margin:7px 0 18px;display:grid}.function-row{text-align:left;color:#626a63;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;height:36px;padding:0 8px;font-size:10px;font-weight:600;display:flex}.function-row:hover{background:#f6f7f3}.function-row.selected{color:#292f2a;background:#f0f3ed}.function-icon{color:#919990;background:#f2f3ee;border-radius:5px;flex:none;place-items:center;width:26px;height:26px;display:grid}.function-row.selected .function-icon{color:#55735d;background:#e3ecdf}.count-badge{color:#a1a69f;font:9px var(--mono);margin-left:auto;font-weight:400}.section-caption-actions{gap:2px;display:flex}.empty-hint{color:#9aa097;padding:4px 4px 12px;font-size:9px;line-height:1.6}.link-field{align-items:center;gap:6px;display:flex}.link-field input{min-width:0;font:8px var(--mono);color:#6b726c;cursor:text;flex:1}.media-row{text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;height:48px;padding:0 5px;display:flex}.media-row:hover{background:#f6f7f3}.media-icon{border-radius:4px;flex:none;place-items:center;width:29px;height:27px;display:grid}.media-icon.link{color:#80629c;background:#eee9f4}.media-copy{gap:3px;min-width:0;display:grid}.media-copy b{white-space:nowrap;text-overflow:ellipsis;color:#414842;font-size:9px;font-weight:600;overflow:hidden}.media-copy small{color:#a0a49e;font-size:8px}.left-footer{border-top:1px solid #eff0ec;align-items:center;gap:9px;margin-top:auto;padding:14px 4px;display:flex}.left-footer>div:nth-child(2){gap:3px;display:grid}.left-footer b{font-size:9px;font-weight:600}.left-footer span{color:#a0a49e;font-size:8px}.left-footer>.icon-button{margin-left:auto}.footer-icon{color:#71816f;background:#edf0e9;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.viewer-column{flex-direction:column;gap:0;min-width:0;min-height:0;padding:15px 17px 0;display:flex}.tour-stage{isolation:isolate;background:#e2e3dc;border-radius:3px;flex:1;min-height:300px;position:relative;overflow:hidden}.stage-underlay{z-index:-1;background:url(https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=90) 50% 55%/cover;position:absolute;inset:0}.stage-underlay:after{content:"";background:linear-gradient(#191f1b52,#0000 22% 72%,#191f1b57);position:absolute;inset:0}.tour-stage iframe{z-index:0;border:0;width:100%;height:100%;position:absolute;inset:0}.viewer-topline{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:14px}.stage-icon{pointer-events:auto;color:#fff;background:#1e241f73;border:0;border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.hotspot-marker{z-index:2;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;animation:.35s both marker-in;display:flex;position:absolute;transform:translate(-50%,-50%)}.marker-pulse{border:1px solid #ffffffc7;border-radius:50%;width:23px;height:23px;animation:2s infinite pulse;position:absolute;top:9px;left:9px}.marker-pin{color:#fff;background:#ed674b;border:2px solid #fff;border-radius:50% 50% 50% 5px;place-items:center;width:22px;height:22px;display:grid;transform:rotate(-45deg);box-shadow:0 2px 8px #0004}.marker-pin svg{width:12px;height:12px;transform:rotate(45deg)}.hotspot-marker.active .marker-pin,.hotspot-marker:hover .marker-pin{background:#263b30;transform:rotate(-45deg)scale(1.12)}.marker-label{color:#252c27;white-space:nowrap;background:#fffffff2;border-radius:3px;padding:6px 9px;font-size:9px;font-weight:600;box-shadow:0 2px 8px #0002}.placement-mode{cursor:crosshair}.placement-mode iframe{pointer-events:none}.placement-hint{z-index:3;color:#fff;white-space:nowrap;background:#222a25;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex;position:absolute;bottom:49px;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #0002}.viewer-controls{z-index:2;color:#fff;background:#1a201ca6;border-radius:4px;justify-items:center;width:32px;padding:5px 0;display:grid;position:absolute;bottom:14px;left:13px}.viewer-controls button{color:inherit;background:0 0;border:0;border-radius:3px;place-items:center;width:29px;height:29px;display:grid}.viewer-controls button:hover{background:#fff2}.viewer-controls>span{background:#ffffff42;width:18px;height:1px}.stage-credit{z-index:1;color:#ffffffb5;font:8px var(--mono);letter-spacing:0;text-shadow:0 1px 3px #333;position:absolute;bottom:18px;right:13px}.stage-credit span{color:#ffb69e;padding:0 3px}.viewer-bottom{flex:none;justify-content:space-between;align-items:center;height:43px;display:flex}.location-trail,.bottom-tools{color:#969b95;align-items:center;gap:8px;font-size:9px;display:flex}.location-trail svg:first-child{color:#e56b50}.location-trail b{color:#505952;font-weight:600}.bottom-tools{gap:5px}.sdk-badge{font:8px var(--mono);color:#898f88;align-items:center;gap:6px;margin-right:7px;display:flex}.sdk-badge>span{background:#a8aea6;width:5px;height:5px}.sdk-badge.connected>span{background:#59a773}.sdk-badge.missing>span{background:#e6a048}.tool-chip{color:#828981;background:0 0;border:0;border-radius:4px;place-items:center;width:27px;height:26px;display:grid}.inspector{border-left:1px solid var(--line);padding:22px 17px 0}.inspector-head{justify-content:space-between;align-items:center;margin:0 0 17px;display:flex}.inspector-head h2{font-size:14px}.selected-tag{border-top:1px solid #eff0ec;border-bottom:1px solid #eff0ec;align-items:center;gap:9px;margin-bottom:16px;padding:10px 0 13px;display:flex}.selected-tag-icon{color:#e56a4e;background:#fae9e2;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.selected-tag>div{gap:3px;min-width:0;display:grid}.selected-tag>div b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.selected-tag>div span{color:#9ba099;font-size:8px}.selected-tag>button{margin-left:auto}.field-label{color:#929890;font:8px var(--mono);letter-spacing:0;gap:7px;margin:0 0 15px;display:grid}.field-label input,.field-label textarea,.select-wrap select{color:#343b35;resize:vertical;background:#fff;border:1px solid #e7e9e3;border-radius:4px;width:100%;padding:9px 10px;font:10px DM Sans,sans-serif}.field-label input::placeholder,.field-label textarea::placeholder{color:#b1b6ae}.field-label textarea{min-height:70px;line-height:1.5}.select-wrap{position:relative}.select-wrap select{appearance:none;padding:8px 10px}.select-wrap svg{color:#989e96;pointer-events:none;position:absolute;top:10px;right:9px}.inspector-section{margin:0 0 16px}.image-preview{background-position:50%;background-size:cover;border-radius:4px;height:95px;position:relative;overflow:hidden}.image-preview:after{content:"";background:linear-gradient(#0000,#0008);position:absolute;inset:45% 0 0}.image-preview>span{z-index:1;color:#fff;align-items:center;gap:5px;font-size:8px;display:flex;position:absolute;bottom:8px;left:9px}.image-remove{z-index:2;color:#fff;background:#2229;border:0;border-radius:3px;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:6px;right:6px}.image-empty{color:#929990;background:#fafbf8;border:1px dashed #dfe2da;border-radius:4px;align-items:center;gap:8px;height:54px;padding:0 10px;font-size:9px;display:flex;position:relative}.image-empty input{background:0 0;border:0;outline:none;width:105px;min-width:0;font-size:8px}.image-empty input:focus{outline:none}.image-empty input::placeholder{color:#adb2aa}.advanced-section{border:1px solid #eceee8;border-radius:4px;margin-top:1px;padding:10px}.advanced-copy{align-items:center;gap:8px;display:flex}.advanced-icon{color:#b98545;background:#f4eee2;border-radius:4px;place-items:center;width:26px;height:26px;display:grid}.advanced-copy>div{gap:3px;display:grid}.advanced-copy b{font-size:9px}.advanced-copy small{color:#999f97;font-size:8px}.switch{background:#dfe2dc;border:0;border-radius:10px;flex:none;width:28px;height:16px;margin-left:auto;padding:2px;transition:background .18s}.switch span{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;display:block;box-shadow:0 1px 2px #0002}.switch.on{background:#538c63}.switch.on span{transform:translate(12px)}.advanced-options{gap:10px;padding:11px 0 0 34px;display:grid}.check-row{color:#737b73;align-items:center;gap:7px;font-size:8px;display:flex}.check-row input{accent-color:#558a62;margin:0}.advanced-link{color:#588367;background:0 0;border:0;align-items:center;gap:5px;width:max-content;padding:0;font-size:8px;display:flex}.visibility-row{border-top:1px solid #eff0ec;border-bottom:1px solid #eff0ec;justify-content:space-between;align-items:center;margin:2px 0 12px;padding:12px 0;display:flex}.visibility-row>div{color:#626a63;align-items:center;gap:7px;font-size:9px;display:flex}.visibility-row>div svg{color:#939990}.inspector-bottom{border-top:1px solid #eff0ec;justify-content:space-between;align-items:center;margin-top:auto;padding:12px 0 14px;display:flex}.inspector-bottom>span{color:#a0a49e;align-items:center;gap:6px;font-size:8px;display:flex}.inspector-bottom .live-dot{background:#65a879}.save-button{color:#fff;background:#28352d;border:0;border-radius:4px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;font-weight:600;display:flex}.empty-inspector{text-align:center;justify-items:center;margin:auto 0;padding:20px 15px;display:grid}.empty-icon{color:#8d988d;background:#f2f3ee;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.empty-inspector b{font-size:11px}.empty-inspector p{color:#939a92;max-width:190px;font-size:9px;line-height:1.6}.empty-inspector button{color:#fff;background:#28352d;border:0;border-radius:4px;align-items:center;gap:6px;margin-top:8px;padding:8px 11px;font-size:9px;display:flex}.statusbar{border-top:1px solid var(--line);color:#969b95;height:25px;font:8px var(--mono);background:#fff;flex:none;align-items:center;gap:17px;padding:0 17px;display:flex}.statusbar>span:first-child{color:#758077;align-items:center;gap:6px;display:flex}.status-dot{width:5px;height:5px}.status-spacer{flex:1}.statusbar>span:nth-last-child(2){align-items:center;gap:3px;display:flex}.status-help span{color:#c1c5be;padding:0 4px}.is-preview .workspace{grid-template-columns:minmax(0,1fr)}.is-preview .viewer-column{padding:12px 12px 0}.is-preview .viewer-bottom{padding:0 7px}.is-preview .tour-stage{border-radius:3px}.is-preview .hotspot-marker{cursor:pointer}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}@keyframes marker-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.minimap-body{aspect-ratio:4/3;cursor:crosshair;background:#eef0ea;border-radius:4px;width:100%;margin-top:4px;position:relative;overflow:hidden}.level-select-wrap{color:#414943;align-items:center;gap:2px;font-weight:600;display:inline-flex;position:relative}.level-select-wrap select{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px 0 0}.level-select-wrap svg{pointer-events:none;color:#919990;position:absolute;right:0}.level-bar{background:#f2f3ee;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;padding:7px 8px;font-size:9px;display:flex}.level-bar-label{color:#424a43;align-items:center;gap:6px;font-weight:600;display:flex}.level-toggle{color:#767d77;white-space:nowrap;align-items:center;gap:5px;display:flex}.level-toggle input{accent-color:#558a62;margin:0}.minimap-body img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.minimap-you{z-index:2;background:#ed674b;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0004}.minimap-you-pulse{border:1px solid #ed674b99;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-6px}.minimap-hotspot{z-index:1;background:#55735d;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0003}.minimap-calib-point{z-index:2;color:#fff;width:16px;height:16px;font:8px var(--mono);background:#d85f44;border:2px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0004}.minimap-hint{font:8px var(--mono);color:#8c9289;border-top:1px solid #eceee8;padding:7px 9px;line-height:1.6}.minimap-calibrate{color:#4f7a5c;background:0 0;border:0;border-top:1px solid #eceee8;justify-content:center;align-items:center;gap:6px;width:100%;height:28px;font-size:9px;font-weight:600;display:flex}.minimap-calibrate:hover{background:#f2f4ee}.minimap-calibrate:disabled{opacity:.48;cursor:not-allowed}.minimap-empty{color:#929890;cursor:pointer;text-align:center;align-content:center;justify-items:center;gap:6px;height:108px;padding:0 14px;font-size:9px;display:grid}.minimap-empty:hover{background:#f6f7f3}@media (width<=1050px){.workspace{grid-template-columns:205px minmax(300px,1fr) 260px}.left-panel{padding-left:11px;padding-right:11px}.inspector{padding-left:13px;padding-right:13px}.workspace-label{display:none}.topbar{grid-template-columns:1fr auto 1fr}.save-state{display:none}}@media (width<=760px){body{min-width:360px}.studio{height:100dvh;min-height:560px}.topbar{grid-template-columns:1fr auto;height:54px;padding:0 12px}.brand-lockup{font-size:15px}.brand-mark{width:26px;height:26px}.project-name{display:none}.top-actions{gap:7px}.share-button,.save-project-button{justify-content:center;width:31px;padding:0;font-size:0}.share-button svg,.save-project-button svg{width:15px}.help-button{display:none}.toolbar{grid-template-columns:1fr auto;height:48px;padding:0 10px}.toolbar-left{gap:7px}.breadcrumb{font-size:9px}.tour-pill,.toolbar-center{display:none}.toolbar-right{gap:3px}.add-hotspot{padding:0 8px;font-size:9px}.workspace{grid-template-columns:minmax(0,1fr);position:relative}.left-panel,.inspector{display:none}.viewer-column{padding:8px 8px 0}.tour-stage{min-height:220px}.viewer-bottom{height:39px}.location-trail{gap:5px;font-size:8px}.sdk-badge{margin-right:2px;font-size:7px}.statusbar{gap:9px;padding:0 9px;font-size:7px}.status-help{display:none}.is-preview .viewer-column{padding:8px 8px 0}.inspector{width:min(320px,88vw);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 25px #20252218}.is-preview .inspector,.studio:not(.is-preview) .inspector{display:none}.studio.mobile-inspector .inspector{display:flex}.toolbar-right>.icon-button:last-child{display:none}}@media (width<=440px){.brand-divider,.workspace-label{display:none}.topbar{padding:0 9px}.avatar{width:25px;height:25px}.toolbar-left .breadcrumb svg{display:none}.toolbar-left .breadcrumb{white-space:nowrap;max-width:120px;overflow:hidden}.toolbar-right .icon-button,.viewer-bottom .location-trail span,.viewer-bottom .location-trail>svg:nth-of-type(2){display:none}.bottom-tools{gap:1px}}@media (width<=760px){.studio .toolbar .toolbar-right .mobile-panel-button{display:grid}.studio.mobile-content .left-panel{z-index:4;width:min(270px,88vw);display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:10px 0 25px #20252218}.studio.mobile-inspector .inspector{z-index:4;width:min(320px,88vw);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 25px #20252218}}.boot-screen{background:var(--canvas);height:100vh;color:var(--muted);font:11px var(--mono);place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{background:var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;width:100%;max-width:360px;padding:28px 26px;display:grid;box-shadow:0 10px 40px #18231b12}.auth-brand{margin-bottom:2px}.auth-card h1{font:700 19px var(--display);margin:0}.auth-subtitle{color:var(--muted);margin:-8px 0 4px;font-size:11px;line-height:1.5}.input-icon{color:#9aa097;background:#fff;border:1px solid #e7e9e3;border-radius:4px;align-items:center;gap:8px;padding:0 10px;display:flex}.input-icon input{color:#343b35;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:9px 0;font:10px DM Sans,sans-serif}.input-icon input::placeholder{color:#b1b6ae}.auth-error{color:#c5432c;background:#fdeceb;border-radius:4px;margin:0;padding:8px 10px;font-size:10px;line-height:1.5}.auth-submit{color:#fff;background:#252c27;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:38px;font-size:11px;font-weight:600;display:flex}.auth-submit:hover{background:#3c4840}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{color:#588367;background:0 0;border:0;justify-self:center;padding:2px;font-size:10px}.dashboard-screen{background:var(--canvas);min-height:100vh}.dashboard-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:62px;padding:0 24px;display:flex}.dashboard-account{color:#58615a;align-items:center;gap:10px;font-size:10px;display:flex}.dashboard-body{max-width:960px;margin:0 auto;padding:36px 24px}.dashboard-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.dashboard-heading h1{font:700 22px var(--display);margin:5px 0 0}.dashboard-state{color:var(--muted);align-items:center;gap:9px;padding:30px 0;font-size:11px;display:flex}.dashboard-error{color:#c5432c}.job-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.job-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.job-card:hover{border-color:#cfd3c9;box-shadow:0 4px 16px #18231b10}.job-thumb{color:#a7ad9f;background-color:#eef0ea;background-position:50%;background-size:cover;border-radius:5px;flex:none;place-items:center;width:56px;height:56px;display:grid}.job-card-body{flex:1;gap:5px;min-width:0;display:grid}.job-card-body b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.job-state{width:max-content;font:8px var(--mono);color:#767c73;background:#eef0ea;border-radius:3px;padding:2px 7px}.job-state-active{color:#357049;background:#d7f0df}.job-state-processing,.job-state-staging,.job-state-activating,.job-state-activation_pending{color:#a16a1f;background:#faecd7}.job-state-failed{color:#c5432c;background:#fdeceb}.job-card-arrow{color:#b7bcb2;flex:none}.dashboard-heading-secondary{margin-top:34px}.dashboard-heading-secondary h2{font:700 16px var(--display);margin:5px 0 0}.create-project-form{grid-template-columns:1fr 1.4fr}.project-list{gap:8px;margin-bottom:8px;display:grid}.project-row{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.project-row-fields{flex:1;grid-template-columns:1fr 1.6fr;gap:9px;min-width:0;display:grid}.project-name-input,.project-link-input{color:#343b35;border:1px solid #e7e9e3;border-radius:4px;min-width:0;padding:7px 9px;font:10px DM Sans,sans-serif}.project-name-input::placeholder,.project-link-input::placeholder{color:#b1b6ae}.project-row-actions{flex:none;align-items:center;gap:3px;display:flex}.shared-view{background:var(--canvas);flex-direction:column;height:100vh;display:flex}.shared-topbar{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.shared-badge{font:9px var(--mono);color:#767c73;border:1px solid var(--line);border-radius:3px;padding:4px 8px}.shared-body{flex:1;gap:14px;min-height:0;padding:14px;display:flex}.shared-stage{flex:1;min-width:0}.shared-loading{color:#dfe3da;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;inset:0}.shared-sidebar{border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;width:270px;padding:16px 14px;overflow-y:auto}.shared-error-screen{background:var(--canvas);place-items:center;height:100vh;padding:24px;display:grid}.shared-error-card{text-align:center;color:#c5432c;justify-items:center;gap:8px;max-width:320px;display:grid}.shared-error-card b{font:700 15px var(--display);color:#28352d}.shared-error-card p{color:#767c73;margin:0;font-size:11px}@media (width<=760px){.shared-body{flex-direction:column}.shared-sidebar{width:auto}}.create-account-card{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:repeat(2,1fr);align-items:end;gap:14px 16px;margin-bottom:22px;padding:18px;display:grid}.create-account-card .field-label{margin:0}.create-account-card .save-button{grid-column:span 2;justify-content:center;height:34px}.user-table{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.user-row{border-bottom:1px solid #f0f1ec;grid-template-columns:1fr 1.5fr .6fr .7fr .9fr auto;align-items:center;gap:10px;padding:11px 16px;font-size:10px;display:grid}.user-row:last-child{border-bottom:0}.user-row-head{color:#9aa097;font:9px var(--mono);text-transform:uppercase;background:#fafbf8}button.user-row{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;font-family:inherit}.user-row-clickable:hover{background:#fafbf8}.user-row-arrow{color:#b7bcb2;margin-left:4px}.user-email{color:#6b726c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-badge,.status-badge{width:max-content;font:8px var(--mono);text-transform:uppercase;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.role-badge.role-admin{color:#80629c;background:#eee9f4}.role-badge.role-user{color:#6a7566;background:#eef0ea}.status-badge.status-active{color:#357049;background:#d7f0df}.status-badge.status-disabled{color:#c5432c;background:#fdeceb}.user-actions{justify-self:end;align-items:center;gap:3px;display:flex}.account-detail-back{color:#767d77;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:10px;padding:0;font-size:10px;display:flex}.account-detail-back:hover{color:#424a43}.account-detail-email{color:#9aa097;align-items:center;gap:7px;margin-top:3px;font-size:10px;display:flex}.account-detail-subheading{margin-top:26px;margin-bottom:0}.account-detail-subheading h2{font:700 15px var(--display);margin:5px 0 0}.matterport-hint{max-width:560px;margin:-10px 0 18px}.matterport-settings-form{grid-template-columns:1fr;max-width:460px}.matterport-settings-form .save-button{grid-column:auto;justify-content:center}.matterport-status-row{margin:-4px 0 4px}.connection-result{border-radius:4px;align-items:flex-start;gap:8px;margin:-4px 0 4px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.connection-result.connection-ok{color:#2d6b45;background:#eaf6ee}.connection-result.connection-fail{color:#c5432c;background:#fdeceb}.matterport-goto-projects{justify-content:center;width:100%;margin-top:2px}