.spatial-page{--sp-bg:#f5f5f7;--sp-surface:#fff;--sp-text:#1d1d1f;--sp-muted:#66666d;--sp-line:#e3e3e8;--sp-blue:#0065d1;--sp-tint:#edf4ff;color:var(--sp-text);background:var(--sp-bg);max-width:1440px;margin:0 auto;padding:36px 28px 72px;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,sans-serif}.spatial-page *,.spatial-page :before,.spatial-page :after{box-sizing:border-box}.spatial-page button,.spatial-page input,.spatial-page textarea,.spatial-page select{font:inherit}.spatial-page button,.spatial-page select,.spatial-page summary{min-height:44px}.spatial-page button{cursor:pointer;border:1px solid var(--sp-line);color:var(--sp-blue);background:var(--sp-surface);border-radius:12px;padding:11px 17px;font-size:.9375rem;font-weight:550}.spatial-page button:disabled{cursor:default;opacity:.5}.spatial-page :is(button,input,textarea,select,summary):focus-visible{outline:3px solid var(--sp-blue);outline-offset:3px}.spatial-page button.spatial-primary{color:#fff;background:var(--sp-blue);border-color:var(--sp-blue)}.spatial-page h1{letter-spacing:-.04em;margin:9px 0;font-size:2.25rem;line-height:1.2}.spatial-page h2{overflow-wrap:anywhere;margin:4px 0;font-size:1.375rem;line-height:1.4}.spatial-page h3{margin:0;font-size:1.125rem}.spatial-page p{color:var(--sp-muted);font-size:.9375rem;line-height:1.65}.spatial-page-heading,.spatial-detail-heading,.spatial-results-heading,.spatial-generate-action{justify-content:space-between;align-items:center;gap:18px;display:flex}.spatial-page-heading{margin-bottom:28px}.spatial-page-heading p{margin:0}.spatial-kicker{color:var(--sp-blue);letter-spacing:.04em;font-size:.75rem;font-weight:600}.spatial-account-note{background:var(--sp-tint);color:var(--sp-blue);border-radius:18px;align-items:center;gap:14px;margin-bottom:24px;padding:18px 22px;display:flex}.spatial-account-note>svg{flex-shrink:0}.spatial-account-note strong{overflow-wrap:anywhere;font-size:.9375rem}.spatial-account-note p{margin:2px 0 0;font-size:.8125rem}.spatial-workspace{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.spatial-panel{border:1px solid var(--sp-line);background:var(--sp-surface);border-radius:22px;min-width:0;padding:24px}.spatial-library{padding:20px 14px}.spatial-library-heading{justify-content:space-between;align-items:center;padding:0 8px 14px;display:flex}.spatial-library-heading h2{font-size:1.125rem}.spatial-library-heading span{color:var(--sp-muted);font-size:.875rem}.spatial-page label{font-size:.875rem;display:block}.spatial-page :is(input[type=search],textarea,select){border:1px solid var(--sp-line);width:100%;min-width:0;color:var(--sp-text);background:var(--sp-bg);border-radius:12px;padding:12px;font-size:1rem}.spatial-page textarea{resize:vertical;margin:8px 0;display:block}.spatial-page select{max-width:300px}.spatial-capture-list{gap:4px;margin-top:14px;display:grid}.spatial-capture-list button{text-align:left;width:100%;color:var(--sp-text);border-color:#0000;align-items:center;gap:12px;padding:14px 10px;display:flex}.spatial-capture-list button[aria-pressed=true]{background:var(--sp-tint);border-color:var(--sp-blue)}.spatial-capture-list button>span:last-child{gap:5px;min-width:0;display:grid}.spatial-capture-list strong{overflow-wrap:anywhere;font-size:.9375rem}.spatial-capture-list small{color:var(--sp-muted);font-size:.75rem;font-weight:400;line-height:1.6}.spatial-capture-icon{width:42px;height:42px;color:var(--sp-blue);background:var(--sp-bg);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.spatial-load-more{width:100%;margin-top:16px}.spatial-pill{color:var(--sp-muted);background:var(--sp-bg);border-radius:8px;flex-shrink:0;padding:5px 9px;font-size:.75rem}.spatial-flow{color:var(--sp-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;padding:16px 0 20px;font-size:.75rem;display:flex}.spatial-flow i{opacity:.6;font-style:normal}.spatial-generate{border-block:1px solid var(--sp-line);padding:16px 0}.spatial-page details{border:1px solid var(--sp-line);border-radius:12px;margin-bottom:18px;padding:0 14px}.spatial-page summary{cursor:pointer;color:var(--sp-blue);padding:13px 0;font-size:.875rem}.spatial-generate-action strong{font-size:1rem}.spatial-generate-action p{margin:5px 0 0;font-size:.8125rem}.spatial-generate-action button{flex-shrink:0}.spatial-page .spatial-hint{font-size:.8125rem}.spatial-page .spatial-error,.spatial-notice{background:var(--sp-tint);border-radius:12px;padding:12px 16px;font-size:.875rem}.spatial-page .spatial-error{color:#a52c23;background:#fff1ef}.spatial-detail[data-has-results=true]{flex-direction:column;display:flex}.spatial-detail[data-has-results=true] .spatial-results{order:1;margin-top:0}.spatial-detail[data-has-results=true] .spatial-generate{border-bottom:0;order:2;margin-top:24px;padding-bottom:0}.spatial-results{margin-top:22px}.spatial-results-heading{flex-wrap:wrap;margin-bottom:18px}.spatial-empty,.spatial-welcome,.spatial-signin{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:44px 22px;display:flex}.spatial-empty{background:var(--sp-bg);border-radius:16px}.spatial-empty>svg,.spatial-welcome>svg,.spatial-signin>svg{width:46px;height:46px;color:var(--sp-blue)}.spatial-empty p,.spatial-welcome p{max-width:410px;margin:0}.spatial-empty strong{font-size:1rem;line-height:1.6}.spatial-job{background:var(--sp-bg);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:24px;display:flex}.spatial-job strong,.spatial-job p{width:100%;margin:0}.spatial-job progress{width:calc(100% - 65px);accent-color:var(--sp-blue)}.spatial-references{flex-wrap:wrap;gap:14px;display:flex}.spatial-page fieldset{border:0;min-width:0;padding:0 0 16px}.spatial-page legend{padding-bottom:12px;font-size:.875rem}.spatial-references label{cursor:pointer;grid-template-columns:22px 1fr;align-items:center;gap:8px;min-height:44px;display:grid}.spatial-references img{object-fit:cover;border-radius:8px;grid-column:1/-1}.spatial-references input{width:22px;height:22px;accent-color:var(--sp-blue)}.spatial-viewer{background:var(--sp-bg);border-radius:18px;overflow:hidden}.spatial-viewer-stage{height:clamp(280px,45vw,480px);position:relative}.spatial-viewer model-viewer{--poster-color:transparent;width:100%;height:100%;display:block}.spatial-viewer-status{text-align:center;background:var(--sp-bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.spatial-viewer-status progress{width:60%;max-width:280px;accent-color:var(--sp-blue)}.spatial-viewer-controls{flex-wrap:wrap;justify-content:center;gap:10px;padding:16px;display:flex}.spatial-viewer p{text-align:center;padding-inline:14px}.spatial-viewer:fullscreen{background:var(--sp-bg);border-radius:0;width:100%;height:100%}.spatial-viewer:fullscreen .spatial-viewer-stage{height:calc(100dvh - 160px)}.spatial-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:820px){.spatial-workspace{grid-template-columns:minmax(0,1fr)}.spatial-capture-list{max-height:300px;overflow-y:auto}}@media (max-width:540px){.spatial-page{padding:24px 12px max(36px, env(safe-area-inset-bottom))}.spatial-page h1{font-size:1.875rem}.spatial-page-heading{flex-wrap:wrap;align-items:flex-start}.spatial-panel{border-radius:18px;padding:18px}.spatial-account-note{padding:16px}.spatial-generate-action{flex-wrap:wrap}.spatial-generate-action button,.spatial-results-heading label{width:100%}.spatial-page select{max-width:none}.spatial-detail-heading{flex-wrap:wrap;align-items:flex-start}.spatial-detail-heading>div{flex:200px}}@media (prefers-color-scheme:dark){.spatial-page{--sp-bg:#1c1c1e;--sp-surface:#29292c;--sp-text:#f5f5f7;--sp-muted:#b7b7be;--sp-line:#45454a;--sp-blue:#76b7ff;--sp-tint:#203247;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.spatial-page button.spatial-primary{color:#09213c}.spatial-page .spatial-error{color:#ffb4ad;background:#4b2625}}@media (prefers-reduced-motion:reduce){.spatial-page *,.spatial-page :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.spatial-viewer model-viewer::part(default-progress-bar){display:none}.spatial-input-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;display:flex}.spatial-input-status span{color:var(--sp-muted)}.spatial-references small{color:var(--sp-muted);grid-column:1/-1;font-size:.75rem}