@font-face{font-family:Oceanwide;src:url(/fonts/Oceanwide-Semibold.otf) format("opentype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Oceanwide;src:url(/fonts/Oceanwide-SemiboldOblique.otf) format("opentype");font-weight:400 700;font-style:italic;font-display:swap}:root{color-scheme:dark;--ost-canvas: #0f0f0f;--ost-panel: #161616;--ost-field: #1c1c1c;--ost-popover: #232323;--ost-hover: #2c2c2c;--ost-text: #f6f6f6;--ost-text-2: #a0a0a3;--ost-text-3: #6b6b6e;--ost-hairline: rgba(255, 255, 255, .11);--ost-hairline-strong: rgba(255, 255, 255, .18);--ost-purple: #6456f6;--ost-purple-hover: #7a6dff;--ost-purple-press: #5446e0;--ost-purple-soft: rgba(100, 86, 246, .16);--ost-purple-line: rgba(100, 86, 246, .42);--ost-live: #1fc9c0;--ost-walk: #fb8a5b;--ost-level: #46d08a;--ost-critical: #f2544a;--ost-white: #f6f6f6;--ost-black: #0f0f0f;--ost-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--ost-font-wordmark: "Oceanwide", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--ost-font-ui: "Sora", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ost-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ost-size-xs: 12px;--ost-size-sm: 12.5px;--ost-size-base: 14px;--ost-size-md: 16px;--ost-size-lg: 20px;--ost-size-xl: 32px;--ost-s1: 4px;--ost-s2: 8px;--ost-s3: 12px;--ost-s4: 16px;--ost-s6: 24px;--ost-s8: 32px;--ost-s12: 48px;--ost-s16: 64px;--ost-radius-sm: 7px;--ost-radius: 10px;--ost-radius-lg: 14px;--ost-radius-xl: 20px;--ost-radius-full: 999px;--ost-shadow-card: 0 12px 30px rgba(0, 0, 0, .35);--ost-shadow-popover: 0 18px 48px rgba(0, 0, 0, .55);--ost-ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1000px 600px at 12% -10%,rgba(100,86,246,.16),transparent 60%),var(--ost-canvas);color:var(--ost-text);font-family:var(--ost-font-ui);font-size:var(--ost-size-base);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.ds-wrap{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:0 0 96px}.ds-grid-bg{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--ost-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--ost-hairline) 1px,transparent 1px);background-size:64px 64px,64px 64px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000,transparent 80%);mask-image:radial-gradient(circle at 50% 0%,#000,transparent 80%)}.ds-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;margin-bottom:40px;padding:0 4px;border-bottom:1px solid var(--ost-hairline);background:#0f0f0fb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ds-brand{display:inline-flex;align-items:center;gap:12px}.ds-logo{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--ost-radius);background:var(--ost-purple);color:#fff;font-size:20px;box-shadow:0 8px 22px #6456f65c}.ds-brand b{font-family:var(--ost-font-display);font-size:var(--ost-size-md);font-weight:600;letter-spacing:-.01em}.ds-brand small{display:block;font-family:var(--ost-font-mono);font-size:11px;color:var(--ost-text-3)}.ds-topbar nav{display:inline-flex;gap:22px;color:var(--ost-text-2);font-size:var(--ost-size-base)}.ds-topbar nav a:hover{color:var(--ost-white)}.ds-hero{padding:16px 0 40px}.ds-chip{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-full);font-family:var(--ost-font-mono);font-size:12px;color:var(--ost-text-2)}.ds-chip i{color:var(--ost-purple)}.ds-hero h1{font-family:var(--ost-font-display);font-size:clamp(40px,6.4vw,80px);line-height:.96;font-weight:600;letter-spacing:-.035em;margin:0 0 20px;max-width:16ch;color:var(--ost-white)}.ds-hero p{max-width:60ch;margin:0 0 28px;color:var(--ost-text-2);font-size:var(--ost-size-md)}.ds-stats{display:flex;flex-wrap:wrap;gap:10px}.ds-stat{display:inline-flex;align-items:baseline;gap:8px;padding:12px 16px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius);background:var(--ost-field)}.ds-stat b{font-family:var(--ost-font-display);font-size:var(--ost-size-lg);font-weight:600}.ds-stat span{color:var(--ost-text-2);font-size:var(--ost-size-base)}.ds-stat.live b{color:var(--ost-live)}.ds-section{padding:40px 0;border-top:1px solid var(--ost-hairline)}.ds-section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:24px}.ds-section-head .num{font-family:var(--ost-font-mono);font-size:var(--ost-size-base);color:var(--ost-purple)}.ds-section-head h2{font-family:var(--ost-font-display);font-size:var(--ost-size-xl);font-weight:600;letter-spacing:-.02em;margin:0;color:var(--ost-white)}.ds-section-head .note{margin-left:auto;font-family:var(--ost-font-mono);font-size:12px;color:var(--ost-text-3)}.ds-label{font-family:var(--ost-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ost-text-3);margin:0 0 12px}.ds-row{display:grid;gap:14px;margin-bottom:28px}.ds-row:last-child{margin-bottom:0}.ds-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-panel{padding:22px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-panel)}.ds-swatch{border:1px solid var(--ost-hairline);border-radius:var(--ost-radius);overflow:hidden;background:var(--ost-field)}.ds-swatch .chip{height:84px}.ds-swatch .meta{padding:12px 14px}.ds-swatch .name{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;font-size:var(--ost-size-base)}.ds-swatch .name span{font-family:var(--ost-font-mono);font-size:10px;color:var(--ost-text-3);text-transform:uppercase;letter-spacing:.06em}.ds-swatch .hex{margin-top:2px;font-family:var(--ost-font-mono);font-size:12px;color:var(--ost-text-2)}.ds-font{padding:22px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-panel)}.ds-font .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600}.ds-font .top span{font-family:var(--ost-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ost-text-3)}.ds-font .specimen{font-size:56px;line-height:1;margin:8px 0 16px;color:var(--ost-white)}.ds-font .sub{color:var(--ost-text-2)}.ds-font .weights{display:flex;gap:6px;margin-top:14px}.ds-font .weights b{padding:3px 8px;border-radius:var(--ost-radius-sm);background:var(--ost-field);font-family:var(--ost-font-mono);font-size:11px;color:var(--ost-text-2)}.ds-display{font-family:var(--ost-font-display)}.ds-ui{font-family:var(--ost-font-ui)}.ds-mono{font-family:var(--ost-font-mono)}.ds-scale-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--ost-hairline)}.ds-scale-row:last-child{border-bottom:0}.ds-scale-row .spec{font-family:var(--ost-font-mono);font-size:12px;color:var(--ost-text-3);white-space:nowrap}.ds-space-row{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:16px;margin-bottom:10px}.ds-space-row .lbl{font-family:var(--ost-font-mono);font-size:12px;color:var(--ost-text-2)}.ds-space-row .bar{height:14px;border-radius:4px;background:var(--ost-purple)}.ds-radius-grid{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.ds-radius-item{text-align:center}.ds-radius-item .box{width:84px;height:64px;border:1.5px solid var(--ost-purple-line);background:var(--ost-field)}.ds-radius-item .lbl{margin-top:8px;font-family:var(--ost-font-mono);font-size:11px;color:var(--ost-text-3)}.ds-elev-grid{display:flex;gap:18px}.ds-elev-item .box{width:130px;height:76px;border-radius:var(--ost-radius);background:var(--ost-field);border:1px solid var(--ost-hairline)}.ds-elev-item .box.card{box-shadow:var(--ost-shadow-card)}.ds-elev-item .box.popover{background:var(--ost-popover);box-shadow:var(--ost-shadow-popover)}.ds-elev-item .lbl{margin-top:8px;font-family:var(--ost-font-mono);font-size:11px;color:var(--ost-text-3)}.ds-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:4px}.ds-icon-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;border-radius:var(--ost-radius);color:var(--ost-text);transition:background .14s var(--ost-ease)}.ds-icon-cell:hover{background:var(--ost-hover)}.ds-icon-cell i{font-size:24px}.ds-icon-cell span{font-family:var(--ost-font-mono);font-size:11px;color:var(--ost-text-3)}.ost-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:var(--ost-radius);background:var(--ost-field);color:var(--ost-text);font-family:var(--ost-font-ui);font-size:var(--ost-size-base);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .14s var(--ost-ease),border-color .14s var(--ost-ease),transform .14s var(--ost-ease)}.ost-btn i{font-size:18px}.ost-btn--primary{background:var(--ost-purple);color:#fff;box-shadow:0 8px 22px #6456f64d}.ost-btn--primary:hover{background:var(--ost-purple-hover)}.ost-btn--secondary{border-color:var(--ost-hairline-strong);background:var(--ost-field)}.ost-btn--secondary:hover{background:var(--ost-hover)}.ost-btn--ghost{background:transparent;color:var(--ost-text-2)}.ost-btn--ghost:hover{background:var(--ost-hover);color:var(--ost-white)}.ost-btn--icon{width:44px;padding:0;border-color:var(--ost-hairline-strong)}.ost-btn--icon:hover{background:var(--ost-hover)}.ost-btn:disabled,.ost-btn--disabled{background:var(--ost-field);color:var(--ost-text-3);cursor:not-allowed;box-shadow:none;opacity:.7}.ost-split{display:inline-flex}.ost-split .ost-btn--primary{border-radius:var(--ost-radius) 0 0 var(--ost-radius)}.ost-split .caret{min-height:44px;width:38px;display:grid;place-items:center;border-radius:0 var(--ost-radius) var(--ost-radius) 0;border:0;border-left:1px solid rgba(255,255,255,.22);background:var(--ost-purple);color:#fff;cursor:pointer}.ost-split .caret:hover{background:var(--ost-purple-hover)}.ds-btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ost-field{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius);background:var(--ost-field);color:var(--ost-text);transition:border-color .14s var(--ost-ease)}.ost-field i{color:var(--ost-text-3);font-size:18px}.ost-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ost-text);font:inherit}.ost-field input::placeholder{color:var(--ost-text-3)}.ost-field--focused,.ost-field:focus-within{border-color:var(--ost-purple);box-shadow:0 0 0 3px var(--ost-purple-soft)}.ost-field .tag{font-family:var(--ost-font-mono);font-size:11px;color:var(--ost-purple)}.ost-select{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius);background:var(--ost-field);color:var(--ost-text);font-weight:500;cursor:pointer}.ost-select i{color:var(--ost-text-3)}.ost-select:hover{border-color:var(--ost-hairline-strong)}.ost-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.ost-toggle-row .txt b{display:block;font-weight:600}.ost-toggle-row .txt small{color:var(--ost-text-2)}.ost-switch{position:relative;width:46px;height:26px;flex:0 0 auto;border-radius:var(--ost-radius-full);background:var(--ost-hover);border:1px solid var(--ost-hairline);cursor:pointer;transition:background .16s var(--ost-ease)}.ost-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--ost-text-2);transition:transform .16s var(--ost-ease),background .16s var(--ost-ease)}.ost-switch[aria-checked=true]{background:var(--ost-purple);border-color:transparent}.ost-switch[aria-checked=true]:after{transform:translate(20px);background:#fff}.ost-segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--ost-radius);background:var(--ost-field);border:1px solid var(--ost-hairline)}.ost-segmented button{min-width:56px;height:34px;border:0;border-radius:var(--ost-radius-sm);background:transparent;color:var(--ost-text-2);font:inherit;font-weight:600;cursor:pointer}.ost-segmented button.active{background:var(--ost-purple);color:#fff}.ost-iconstrip{display:inline-flex;gap:2px;padding:3px;border-radius:var(--ost-radius);background:var(--ost-field);border:1px solid var(--ost-hairline)}.ost-iconstrip button{width:38px;height:34px;display:grid;place-items:center;border:0;border-radius:var(--ost-radius-sm);background:transparent;color:var(--ost-text-2);font-size:18px;cursor:pointer}.ost-iconstrip button:hover{background:var(--ost-hover);color:var(--ost-white)}.ost-iconstrip button.active{background:var(--ost-hover);color:var(--ost-purple)}.ost-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--ost-radius);background:var(--ost-field);border:1px solid var(--ost-hairline)}.ost-tabs button{min-height:34px;padding:0 16px;border:0;border-radius:var(--ost-radius-sm);background:transparent;color:var(--ost-text-2);font:inherit;font-weight:600;cursor:pointer}.ost-tabs button.active{background:var(--ost-popover);color:var(--ost-white)}.ost-menu{width:240px;padding:6px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-popover);box-shadow:var(--ost-shadow-popover)}.ost-menu .ost-menu-head{padding:8px 10px 6px;font-family:var(--ost-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ost-text-3)}.ost-menu-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--ost-radius-sm);color:var(--ost-text);cursor:pointer}.ost-menu-item i{font-size:18px;color:var(--ost-text-2)}.ost-menu-item:hover,.ost-menu-item.active{background:var(--ost-hover)}.ost-menu-item .key{margin-left:auto;font-family:var(--ost-font-mono);font-size:11px;color:var(--ost-text-3)}.ost-keycap{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:var(--ost-radius-sm);border:1px solid var(--ost-hairline-strong);border-bottom-width:2px;background:var(--ost-field);font-family:var(--ost-font-mono);font-size:12px;color:var(--ost-text)}.ost-listitem{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--ost-radius-sm);color:var(--ost-text)}.ost-listitem i{color:var(--ost-text-2);font-size:18px}.ost-listitem.active{background:var(--ost-field)}.ost-listitem .eye{margin-left:auto;color:var(--ost-text-3)}.ost-inspector{width:100%;max-width:360px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-panel);overflow:hidden}.ost-inspector-head{display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:600;border-bottom:1px solid var(--ost-hairline)}.ost-inspector-head .chev{margin-left:auto;color:var(--ost-text-3)}.ost-inspector-body{padding:14px 16px;display:grid;gap:12px}.ost-insp-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px}.ost-insp-row>span{color:var(--ost-text-2);font-size:var(--ost-size-base)}.ost-mini-field{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-sm);background:var(--ost-field);font-size:var(--ost-size-base)}.ost-mini-field .sw{width:16px;height:16px;border-radius:4px;border:1px solid var(--ost-hairline-strong)}.ost-mini-field.accent{box-shadow:inset 2px 0 0 var(--ost-purple)}.ost-card{border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-field);overflow:hidden;transition:border-color .16s var(--ost-ease),transform .16s var(--ost-ease)}.ost-card:hover{border-color:var(--ost-purple-line);transform:translateY(-3px)}.ost-card .thumb{height:130px;background:linear-gradient(var(--ost-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--ost-hairline) 1px,transparent 1px),var(--ost-panel);background-size:22px 22px,22px 22px,100% 100%;position:relative}.ost-card .thumb .sel{position:absolute;left:30%;top:26%;width:38%;height:44%;border:1.5px solid var(--ost-purple);background:var(--ost-purple-soft);border-radius:3px}.ost-card .thumb.purple{background:linear-gradient(140deg,var(--ost-purple),#4f43d6)}.ost-card .body{padding:14px 16px}.ost-card .body b{display:block;font-weight:600}.ost-card .body small{color:var(--ost-text-2)}.ost-card-list{display:flex;align-items:center;gap:14px;padding:14px 16px}.ost-card-list .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--ost-radius-sm);background:var(--ost-purple-soft);color:var(--ost-purple);font-size:20px}.ds-badge-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ost-badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:var(--ost-radius-full);font-family:var(--ost-font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;border:1px solid var(--ost-hairline);color:var(--ost-text-2)}.ost-badge--pro{border-color:var(--ost-purple-line);color:var(--ost-purple)}.ost-badge--live{border-color:transparent;background:var(--ost-live);color:#04302d}.ost-badge--owner{border-color:var(--ost-purple-line);color:var(--ost-text)}.ost-badge--owner:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ost-purple)}.ds-avatars{display:flex;align-items:center}.ost-avatar{width:38px;height:38px;margin-left:-8px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--ost-panel);font-weight:600;font-size:var(--ost-size-base);color:#04140f}.ost-avatar:first-child{margin-left:0}.ost-avatar.p{background:var(--ost-purple);color:#fff}.ost-avatar.w{background:var(--ost-white);color:var(--ost-black)}.ost-avatar.t{background:var(--ost-live)}.ost-avatar.g{background:var(--ost-level)}.ost-avatar.more{background:var(--ost-hover);color:var(--ost-text-2);font-family:var(--ost-font-mono);font-size:12px}.ds-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ost-material .sw{height:96px;border-radius:var(--ost-radius);border:1px solid var(--ost-hairline)}.ost-material .sw.concrete{background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 6px,transparent 6px 12px),#8d8d90}.ost-material .sw.oak{background:linear-gradient(120deg,#c9924f,#a76b32)}.ost-material .sw.glass{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 5px,transparent 5px 10px),#1fc9c02e;border-color:#1fc9c066}.ost-material b{display:block;margin-top:10px;font-weight:600}.ost-material small{color:var(--ost-text-3);font-family:var(--ost-font-mono);font-size:11px}.ost-spatial-toolbar{display:inline-flex;align-items:center;gap:2px;padding:6px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-popover);box-shadow:var(--ost-shadow-popover)}.ost-spatial-toolbar button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--ost-radius);background:transparent;color:var(--ost-text-2);font-size:20px;cursor:pointer}.ost-spatial-toolbar button:hover{background:var(--ost-hover);color:var(--ost-white)}.ost-spatial-toolbar button.active{background:var(--ost-purple-soft);color:var(--ost-purple)}.ost-spatial-toolbar .sep{width:1px;height:24px;margin:0 4px;background:var(--ost-hairline)}.ds-center{display:flex;justify-content:center;padding:12px 0}.ds-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--ost-hairline);color:var(--ost-text-2);font-size:var(--ost-size-base)}.ds-footer .ds-brand small{color:var(--ost-text-3)}.ds-footer .tagline{font-family:var(--ost-font-mono);font-size:12px;color:var(--ost-text-3)}@media(max-width:900px){.ds-cols-5,.ds-cols-4,.ds-cols-3,.ds-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-topbar nav{display:none}.ds-materials{grid-template-columns:1fr}}.ds-brand b{font-family:var(--ost-font-wordmark);letter-spacing:.025em}