/* Selected Stitch direction 03 — Spatial Systems. Product implementation. */
@import url('/branding-base-tech.css');
/* Legacy names kept as aliases of tokens.css */:root{--brand-midnight:var(--color-bg);--brand-lime:var(--color-accent);--brand-chalk:var(--color-bg);--brand-slate:var(--color-text-muted);--brand-line:var(--color-line);--ink:var(--color-text);--muted:var(--color-text-muted);--paper:var(--color-bg);--surface:var(--color-surface-2);--sidebar:var(--color-bg);--mint:var(--color-accent);--line:var(--color-line);--spatial-cyan:var(--color-accent);--spatial-panel:var(--color-surface-2);--spatial-muted:var(--color-text-muted)}
body{background:var(--color-bg);color:var(--color-text)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}button,input,textarea,select{accent-color:var(--color-accent)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}input:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4{color:var(--color-text)}
.brand-image-box{background:none;border-radius:0;padding:0;inline-size:205px;block-size:60px}.brand-image-box--large{inline-size:270px;block-size:80px;padding:0}.brand-image-box img{object-fit:contain}.brand-lockup{font-family:'Space Grotesk',Heebo,sans-serif;direction:ltr;unicode-bidi:isolate}.brand-dot{color:var(--color-accent)}
.sidebar{background:var(--color-bg);border-inline-end:1px solid var(--color-line);padding-inline:23px}.sidebar .brand{justify-content:center}.workspace-label{color:var(--color-text-muted);font:9px 'Space Grotesk',sans-serif;letter-spacing:1.5px;direction:ltr;text-align:center;margin-block-start:10px}.side-divider{background:var(--color-line);margin-block:25px}.nav-caption{color:var(--color-text-subtle);font-size:var(--text-xs)}.step-nav{border-radius:5px;color:#b0c1d5}.step-nav small{color:var(--color-text-subtle);font-size:var(--text-xs)}.step-nav.active{background:var(--color-surface-raised);border-color:#326078;color:#e5f4fa;box-shadow:inset -2px 0 var(--color-accent)}.step-nav.active small,.active .step-number{color:#81d7e8}.step-number{color:var(--color-text-subtle)}.step-nav.active .nav-dot{background:var(--color-accent);box-shadow:0 0 8px #59d5ec45}.sidebar-note{color:var(--color-text-muted);padding-block:26px}.sidebar-note .small-wave{font:8px 'Space Grotesk',sans-serif;letter-spacing:1.4px;color:var(--color-accent-soft)}.sidebar-note p{font-size:var(--text-xs);line-height:2}.sidebar-bottom{border-color:var(--color-line);color:var(--color-text-muted)}.local-label{border-color:#344c64;color:var(--color-text-muted)}.connection-dot.ready{background:var(--color-success);box-shadow:0 0 0 3px #79d5b412}.connection-dot{background:#71859e}
main{background:radial-gradient(ellipse at 75% 5%,#59d5ec07,transparent 48%),linear-gradient(90deg,#d7e2ef03 1px,transparent 1px),linear-gradient(#d7e2ef03 1px,transparent 1px);background-size:auto,80px 80px,80px 80px}.topbar{background:#080b14e8;border-color:var(--color-line);block-size:78px}.breadcrumb,.breadcrumb span{color:var(--color-text-muted)}.topbar .text-button{color:var(--color-accent-soft)}.draft-pill{color:var(--color-text-muted)}.draft-pill i{background:var(--color-accent)}.main-content{padding-block-start:43px}.intro{max-inline-size:100%;position:relative}.intro h1{font-size:clamp(39px,4.1vw,59px);font-weight:600;letter-spacing:normal;line-height:1.2}.intro h1>span:first-of-type{color:#83d3e3}h1>span:first-of-type:before{content:none}.title-spark{display:none}.intro-text{color:var(--color-text-muted);position:relative;z-index:1}.product-overline{color:var(--color-accent-soft);font:10px 'Space Grotesk',sans-serif;letter-spacing:2px;direction:ltr}.product-overline:before{background:var(--color-accent);inline-size:5px;block-size:5px;box-shadow:0 0 8px #59d5ec45;border-radius:50%}.spatial-intro-art{position:absolute;inset-inline-end:5px;inset-block-start:-12px;inline-size:220px;block-size:220px;opacity:.17;pointer-events:none}
.scan-card,.portal-panel,.history-section,.progress-panel,.tab-panel{background:linear-gradient(130deg,var(--color-surface-2),var(--color-surface));border-color:var(--color-line);border-radius:8px;box-shadow:0 8px 32px #02050c20}.scan-card{position:relative}.card-heading h2{font-size:16px}.card-heading p{color:var(--color-text-muted);font-size:12px}.icon-box{background:var(--color-surface-raised);border-color:#2a4a5d;color:#78d3e6;border-radius:5px}.primary-button,.url-field .primary-button{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:600;border-radius:5px}.primary-button:hover,.url-field .primary-button:hover{background:#89e4f4;border-color:#89e4f4;color:var(--color-accent-ink)}.secondary-button{background:var(--color-surface-raised);border-color:#344d65;color:var(--color-text);border-radius:5px}.secondary-button:hover{background:var(--color-surface-selected);border-color:#59a5b9}.text-button{color:var(--color-accent-soft)}.url-field{border-color:#30485e;background:var(--color-surface);border-radius:6px}.url-field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #59d5ec10}.url-field input{color:var(--color-text)}.url-field input::placeholder{color:var(--color-text-subtle)}.globe-icon{color:#89b8ca}.scan-options,.privacy-note{color:var(--color-text-muted)}.scan-options select{color:#c2d7e5;background:var(--color-surface)}.tiny-check{color:var(--color-success)}.error-message{background:var(--color-danger-bg);border-color:var(--color-danger-line);color:var(--color-danger)}
.empty-state{border-color:var(--color-line)}.section-kicker,.eyebrow{color:var(--color-text-muted)}.empty-copy h2{font-weight:500;letter-spacing:normal}.empty-copy p{color:var(--color-text-muted)}.topic-tags span{background:var(--color-surface-raised);border-color:#2c4c62;color:var(--color-accent-soft);border-radius:4px}.spatial-knowledge{inline-size:240px;block-size:230px;position:relative;flex:none}.spatial-knowledge img{inline-size:100%;block-size:100%;object-fit:contain}.spatial-knowledge .knowledge-caption{position:absolute;inset-block-end:-2px;inset-inline:0;text-align:center;color:#87b9ca;font:8px 'Space Grotesk',sans-serif;letter-spacing:1px;direction:ltr}.integration-status{color:var(--color-text-muted)}.integration-status span:before{color:var(--color-text-subtle)}.integration-status .is-connected:before{color:var(--color-success)}.integration-status .is-error:before{color:#eea391}.integration-status button{color:var(--color-accent-soft)}
.history-heading span,.project-meta,.project-date,.project-row small{color:var(--color-text-muted)}.project-row{border-color:var(--color-line);background:none}.project-row:hover{background:var(--color-surface-raised)}.project-row button{color:var(--color-text)}.project-row strong{color:var(--color-text)}.project-status{background:var(--color-surface-selected);color:#98d9e9;border:1px solid #2a5368;border-radius:4px}.history-heading h2{font-weight:500}.history-empty{color:var(--color-text-muted)}
.progress-top h2,.results-heading h2{font-weight:500;letter-spacing:normal}.live-wave i,.pulse-dot{background:var(--color-accent)}.pipeline{border-color:var(--color-line)}.pipeline li{color:var(--color-text-subtle)}.pipeline b{background:var(--color-surface-selected);color:#c1d0e2}.pipeline .current{color:var(--color-text)}.pipeline .current b{background:var(--color-accent);color:var(--color-accent-ink)}.pipeline .done b{background:var(--color-surface-selected);color:#a1dfc5}.scan-live #page-counter,.progress-hint{color:var(--color-text-muted)}.feed-row{border-color:var(--color-line)}.feed-row a{color:#bfd4e5}.feed-row small{color:var(--color-text-muted)}.feed-row .feed-check{color:var(--color-success)}.results-heading p{color:var(--color-text-muted)}.success-check{background:var(--color-surface-selected);color:#a1dfc5}.review-badge{background:var(--color-surface-selected);border-color:#2e566c;color:#a1deed}.result-tabs{border-color:var(--color-line)}.result-tabs button{color:var(--color-text-muted)}.result-tabs button[aria-selected=true]{color:#a4e6f3;border-block-end-color:var(--color-accent)}.result-tabs button span{color:var(--color-text-muted)}.review-notice{background:var(--color-surface-raised);border-color:#294b62}.review-notice p{color:var(--color-accent-soft)}.review-notice>span{color:var(--color-accent)}
.profile-group,.source-card{border-color:var(--color-line)}.profile-group h3 .group-num,.field-label{color:var(--color-text-muted)}.profile-input,.context-editor,.settings-grid input:not([type=checkbox]),.settings-grid select,.settings-grid textarea,.chat-form input,#owner-setup-form input{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-line-strong);border-radius:6px;caret-color:var(--color-accent)}.profile-input::placeholder,.chat-form input::placeholder{color:var(--color-text-subtle)}.profile-input:focus,.context-editor:focus,.settings-grid :is(input,textarea,select):focus,.chat-form input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.source-refs{color:var(--color-text-muted)}.source-refs a{background:var(--color-surface-selected);color:var(--color-accent-soft)}.service-card{background:var(--color-accent-ink);border-color:var(--color-line)}.service-card .profile-input{background:var(--color-surface);color:var(--color-text)}.field-empty,.warning-note,.missing-box{background:var(--color-warning-bg);border-color:#5c4d2a;color:var(--color-warning)}.missing-box h3,.missing-box ul{color:var(--color-warning)}.warning-note{color:var(--color-warning)}.add-field{color:var(--color-accent-soft);border-color:#43647a}.panel-footer>span,.context-toolbar p,.context-edit-note,.export-actions>span,.session-note{color:var(--color-text-muted)}.context-editor{line-height:2}.source-number{background:var(--color-surface-selected);color:var(--color-accent-soft)}.source-card a{color:var(--color-accent-soft)}.source-card small{color:var(--color-text-subtle)}.agent-panel{background:var(--color-surface-raised);border-color:#31556e;color:var(--color-text)}.agent-panel p{color:var(--color-accent-soft)}.agent-panel .primary-button{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.agent-link{color:#a4d9e8;border-color:#3d6077;border-radius:5px}.agent-link:hover{background:var(--color-line)}
.portal-heading p,.settings-grid small,.settings-actions span{color:var(--color-text-muted)}.settings-confirmations{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:6px}.settings-confirmations p{color:var(--color-text-muted)}.portal-panel{border-radius:8px}.flow-pane,.tester-pane{border-color:var(--color-line);border-radius:6px;background:var(--color-surface)}.flow-toolbar,.tester-header{background:var(--color-accent-ink);border-color:var(--color-line)}.flow-toolbar span,.tester-header>span:last-child,.tester-pane>p{color:var(--color-text-muted)}.graph-canvas{background-color:var(--color-bg);background-image:radial-gradient(var(--color-line) 1px,transparent 1px);background-size:18px 18px}.graph-node{background:linear-gradient(135deg,var(--color-surface-selected),var(--color-accent-ink));border-color:#3b5b72;color:var(--color-text);border-radius:6px;box-shadow:0 6px 20px #0003}.graph-node small{color:var(--color-text-muted)}.graph-node.selected{outline:2px solid var(--color-accent);box-shadow:0 0 20px #59d5ec15}.graph-node.start{border-block-start-color:var(--color-accent)}.graph-node.end{border-block-start-color:#cba976}.graph-stage svg>path{stroke:#68b5cc}.graph-edge-label{fill:#c0d8e7;paint-order:stroke;stroke:var(--color-bg);stroke-width:4px;stroke-linejoin:round}.node-details{border-color:var(--color-line);background:var(--color-surface-2)}.node-details summary{color:var(--color-accent-soft)}.node-details p{color:#c1d2e2}.live-dot{background:var(--color-success)}.test-scenarios span{color:var(--color-text-muted)}.test-scenarios button{background:var(--color-surface-raised);border-color:#31526a;color:#bbd9e7;border-radius:5px}.test-scenarios button:hover{border-color:var(--color-accent)}.test-messages{background:var(--color-surface)}.chat-bubble{background:var(--color-surface-selected);color:var(--color-text);border:1px solid #284a60;border-radius:7px}.chat-bubble.user{background:var(--color-line);color:#e2f5fa;border-color:#40758a}.chat-form{border-color:var(--color-line);background:var(--color-accent-ink)}.chat-bubble small{color:#b7cddf;opacity:1}.approval-bar{background:var(--color-surface-raised);border:1px solid #31586c;border-radius:6px}.approval-bar p,.approval-bar small{color:var(--color-accent-soft)}.quality-panel{border-color:var(--color-line);border-radius:6px}.quality-panel>p{color:var(--color-text-muted)}.quality-case{border-color:var(--color-line)}.quality-case summary{color:#a0dcbf}.quality-case.failed summary{color:#efb38f}.quality-case p{color:#b3c7db}.quality-case blockquote{background:var(--color-surface-raised);border-color:#5098b1;color:#c4d9e8}.toast{background:var(--color-text);color:var(--color-surface-raised);border:1px solid var(--color-accent);box-shadow:0 12px 40px #0005}.page-footer{border-color:var(--color-line);color:var(--color-text-muted)}.footer-brand{color:var(--color-text);font-family:'Space Grotesk',sans-serif;letter-spacing:.6px}.footer-end,.footer-end span{color:var(--color-text-muted);font-family:'Space Grotesk',sans-serif;font-size:var(--text-xs);letter-spacing:1px}
.auth-screen{background:var(--color-surface-2);grid-template-columns:1.12fr 1fr;color:var(--color-text);min-block-size:100vh}.auth-story{background:var(--color-bg);border-inline-end:1px solid var(--color-line);min-block-size:100vh;padding:155px 9% 90px;gap:26px;isolation:isolate}.auth-story:before{background:radial-gradient(ellipse at 30% 70%,#59d5ec0b,transparent 62%),linear-gradient(90deg,#d7e2ef05 1px,transparent 1px),linear-gradient(#d7e2ef05 1px,transparent 1px);background-size:auto,60px 60px,60px 60px;mask-image:none}.auth-story:after{content:none}.auth-logo{inset-block-start:38px;inset-inline-start:9%}.auth-story>.section-kicker{color:var(--color-accent-soft);font:9px 'Space Grotesk',sans-serif;letter-spacing:1.7px;direction:ltr;text-align:start}.auth-story h1{font:500 clamp(35px,3.6vw,57px)/1.13 'Space Grotesk',sans-serif;direction:ltr;text-align:start;letter-spacing:-1.8px;max-inline-size:590px}.auth-story h1 em{display:block;font-style:normal;color:#83d5e6}.auth-story p{font-size:14px;color:var(--color-text-muted);line-height:1.95;max-inline-size:470px}.auth-pills{gap:24px;border-block-start:1px solid var(--color-line);padding-block-start:19px;margin-block-start:5px}.auth-pills span{border:0;background:none;border-radius:0;padding:0;font:9px 'Space Grotesk',sans-serif;letter-spacing:1px;color:var(--color-accent-soft)}.tech-auth-symbol{position:absolute;inset-inline-end:-35px;inset-block-end:-55px;inline-size:260px;block-size:260px;opacity:.07;pointer-events:none}.tech-auth-symbol img{inline-size:100%;block-size:100%;object-fit:contain}.auth-footer{font:8px 'Space Grotesk',sans-serif;color:var(--color-text-muted);letter-spacing:1px}.auth-card{inline-size:80%;max-inline-size:410px;padding-block:65px}.auth-card>.section-kicker{font:10px 'Space Grotesk',sans-serif;color:var(--color-accent-soft);letter-spacing:1.7px}.auth-card h2{font-size:31px;font-weight:500;margin-block:20px 10px}.auth-card>p{color:var(--color-text-muted);font-size:13px}.auth-switch{background:var(--color-surface-2);border-color:var(--color-line);border-radius:6px;padding:5px}.auth-switch button{border-radius:4px;color:var(--color-text-muted);font-size:13px}.auth-switch .selected{background:var(--color-line);color:var(--color-text);box-shadow:0 0 0 1px #376079}.auth-card label{color:#bdd0e2;font-size:13px;font-weight:500}.auth-card input{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-line-strong)!important;border-radius:6px}.auth-card input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.auth-card #auth-submit{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:600;box-shadow:0 0 24px #59d5ec0c}.auth-card #auth-submit:hover{background:#8ce6f5}.auth-card #auth-form small{color:var(--color-text-muted);font-size:var(--text-xs)}.auth-footnote{color:var(--color-text-muted)!important;border-color:var(--color-line);font-size:var(--text-xs)!important}.brand-preview-link{color:var(--color-accent-soft);font-size:var(--text-xs)}.brand-preview-link:hover{color:#c3eef7}
#owner-setup{background:var(--color-accent-ink);color:var(--color-text);border-color:#3c6179;border-radius:10px;box-shadow:0 20px 100px #0009}#owner-setup::backdrop{background:#030712e3}#owner-setup-form>p,#owner-setup-form>small{color:var(--color-accent-soft)}#owner-setup-form input[readonly]{background:var(--color-surface-selected);color:#bfd6e7}#owner-setup-form input:focus{outline:2px solid var(--color-accent);outline-offset:2px}
@media(max-width:1150px){.sidebar{padding-inline:18px}.sidebar .brand-image-box{inline-size:180px;block-size:55px}.auth-story{padding-inline:8%}.auth-story h1{font-size:42px}.auth-logo{inset-inline-start:8%}.auth-pills{gap:17px}.auth-pills span{font-size:var(--text-xs)}.auth-card{inline-size:83%}.spatial-intro-art{inline-size:180px;block-size:180px;opacity:.12}}
@media(max-width:800px){.sidebar{padding:12px 20px}.sidebar .brand{inline-size:auto}.sidebar .brand-image-box{inline-size:170px;block-size:48px}.workspace-label{font-size:var(--text-xs)}.auth-story h1{font-size:36px}.auth-story p{font-size:12px}.auth-card h2{font-size:27px}.spatial-intro-art{inline-size:150px;block-size:150px}.spatial-knowledge{inline-size:215px}}
@media(max-width:700px){.auth-screen{display:block}.auth-story{display:flex;min-block-size:0;padding:23px 7% 30px;border-inline-end:0;border-block-end:1px solid var(--color-line);gap:20px}.auth-logo{position:static;inline-size:fit-content}.brand-image-box--large{inline-size:220px;block-size:66px}.auth-story>.section-kicker,.auth-pills,.auth-footer{display:none}.auth-story h1{font-size:clamp(31px,8vw,44px);letter-spacing:-1.3px;line-height:1.13}.auth-story p{font-size:13px}.tech-auth-symbol{inline-size:170px;block-size:170px;inset-inline-end:-30px;inset-block-end:-35px}.auth-card{inline-size:86%;max-inline-size:440px;padding-block:33px 45px}.auth-card .auth-switch{margin-block:24px}.auth-card h2{font-size:28px}.spatial-intro-art{display:none}.intro h1{font-size:41px}.topbar{min-block-size:65px;block-size:auto;padding-block:16px}.scan-card{padding:21px 19px}.card-heading p{font-size:var(--text-xs)}.spatial-knowledge{display:none}.pipeline{gap:14px;flex-wrap:wrap}.settings-grid>label,.settings-grid label{min-inline-size:0}.portal-panel{padding:20px 16px}.flow-toolbar{flex-wrap:wrap}.test-actions{gap:7px}.auth-story h1 em{margin-block-start:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}