@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--paper: #F4EFE3;--paper-2: #EBE5D4;--bone: #FAF7EE;--chalk: #FFFFFF;--rule: #D8D1BE;--rule-strong: #B6AE99;--ink-3: #8A8576;--ink-2: #4C4A41;--ink: #15140E;--blueprint-50: #E8F0FB;--blueprint-100: #C7D9F2;--blueprint-300: #6E96D6;--blueprint-500: #1F58B8;--blueprint-700: #143E86;--blueprint-900: #0B2553;--vector-300: #6DD3B7;--vector-500: #1F9272;--vector-700: #135C49;--amber-300: #F1C77A;--amber-500: #D08A2C;--amber-700: #8C5A14;--danger-300: #E89A92;--danger-500: #B23A2F;--danger-700: #7A2018;--bg: var(--paper);--bg-elevated: var(--bone);--bg-card: var(--chalk);--bg-tinted: var(--paper-2);--bg-inverse: var(--ink);--fg: var(--ink);--fg-muted: var(--ink-2);--fg-subtle: var(--ink-3);--fg-inverse: var(--paper);--border: var(--rule);--border-strong: var(--rule-strong);--accent: var(--blueprint-500);--accent-hover: var(--blueprint-700);--accent-bg: var(--blueprint-50);--accent-fg: var(--chalk);--success: var(--vector-500);--warning: var(--amber-500);--danger: var(--danger-500);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 44px;--fs-4xl: 60px;--fs-5xl: 84px;--lh-tight: 1.05;--lh-snug: 1.2;--lh-base: 1.5;--lh-loose: 1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-base: 0;--tracking-wide: .04em;--tracking-mono: .01em;--tracking-allcaps:.12em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-0: 0;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 9999px;--shadow-xs: 0 1px 0 rgba(21,20,14,.04);--shadow-sm: 0 1px 2px rgba(21,20,14,.06), 0 0 0 1px rgba(21,20,14,.04);--shadow-md: 0 4px 12px -2px rgba(21,20,14,.1), 0 0 0 1px rgba(21,20,14,.05);--shadow-lg: 0 16px 40px -12px rgba(21,20,14,.18), 0 0 0 1px rgba(21,20,14,.05);--shadow-inset: inset 0 0 0 1px rgba(21,20,14,.06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--container-narrow: 720px;--container-base: 1080px;--container-wide: 1280px}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.h-display,h1.display{font-family:var(--font-display);font-weight:500;font-size:var(--fs-5xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg)}h1,.h1{font-family:var(--font-display);font-weight:500;font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}h2,.h2{font-family:var(--font-display);font-weight:500;font-size:var(--fs-2xl);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug)}h3,.h3{font-family:var(--font-display);font-weight:500;font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug)}h4,.h4{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-md);line-height:var(--lh-snug)}p,.p{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--fg)}.lede{font-family:var(--font-sans);font-size:var(--fs-lg);line-height:var(--lh-base);color:var(--fg-muted)}.caption{font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--fg-subtle)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-allcaps);color:var(--fg-subtle)}.mono,code,kbd,samp,pre{font-family:var(--font-mono);font-size:.95em;letter-spacing:var(--tracking-mono)}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-mono)}.bg-grid{background-color:var(--paper);background-image:linear-gradient(to right,rgba(21,20,14,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,20,14,.04) 1px,transparent 1px);background-size:24px 24px}.bg-grid-fine{background-color:var(--paper);background-image:linear-gradient(to right,rgba(21,20,14,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,20,14,.05) 1px,transparent 1px);background-size:8px 8px}.btn{font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1;padding:8px 12px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn.lg{padding:12px 18px;font-size:14px}.btn.primary{background:var(--blueprint-500);color:#fff}.btn.primary:hover{background:var(--blueprint-700)}.btn.secondary{background:var(--chalk);color:var(--ink);border-color:var(--rule-strong)}.btn.secondary:hover{background:var(--bone)}.btn.ghost{background:transparent;color:var(--ink-2);padding:6px}.btn.ghost:hover{background:#15140e0f;color:var(--ink)}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.mono{font-family:var(--font-mono);letter-spacing:.01em}.badge{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;padding:3px 8px;border-radius:999px;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;border:1px solid transparent}.badge.vector{background:#ddf0e7;color:#135c49;border-color:#b6e0cb}.badge .dot{width:5px;height:5px;border-radius:999px;background:currentColor}.iconbtn{background:transparent;border:0;cursor:pointer;padding:4px;border-radius:4px;color:var(--ink-3);display:inline-flex;align-items:center;justify-content:center}.iconbtn:hover{color:var(--ink);background:#15140e0f}html,body{background:var(--paper);height:100%;margin:0}.app{height:100vh;display:grid;grid-template-rows:56px 1fr;grid-template-columns:248px 1fr 320px;grid-template-areas:"topbar topbar topbar" "rail   main   inspector";background:var(--paper)}.app__topbar{grid-area:topbar;display:flex;align-items:center;gap:18px;padding:0 16px;background:var(--bone);border-bottom:1px solid var(--rule)}.app__logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}.app__logo img{width:22px;height:22px}.app__logo span{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em}.app__breadcrumb{display:flex;gap:8px;align-items:center;flex:1;font-size:12px;color:var(--ink-3);padding-left:16px;border-left:1px solid var(--rule);margin-left:4px}.app__crumb{color:var(--ink-3)}.app__sep{color:var(--rule-strong)}.app__top-actions{display:flex;gap:6px;align-items:center}.avatar{width:28px;height:28px;border-radius:999px;background:var(--blueprint-700);color:var(--paper);font-family:var(--font-mono);font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.05em}.rail{grid-area:rail;background:var(--bone);border-right:1px solid var(--rule);display:flex;flex-direction:column;overflow:hidden}.rail__head{padding:16px 16px 12px}.rail__project{margin:4px 0 0;font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:-.01em}.rail__search{margin:0 12px;display:flex;align-items:center;gap:8px;background:var(--chalk);border:1px solid var(--rule);border-radius:6px;padding:6px 10px;color:var(--ink-3)}.rail__search input{border:0;outline:0;background:transparent;font-family:var(--font-sans);font-size:13px;color:var(--ink);flex:1;min-width:0}.rail__upload{margin:10px 12px 4px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--ink);color:var(--paper);border:0;border-radius:6px;padding:8px 12px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer}.rail__upload:hover{background:#2a271d}.rail__nav{padding:12px;flex:1;overflow-y:auto}.rail__navlbl{font-size:10px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;padding:4px;display:block}.rail__list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.rail__item{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:5px;cursor:pointer;font-size:13px}.rail__item:hover{background:#15140e0a}.rail__item.is-active{background:var(--paper-2)}.rail__dot{width:6px;height:6px;border-radius:999px}.rail__dot--processing{background:var(--blueprint-500)}.rail__dot--needs-review{background:var(--amber-500)}.rail__itemName{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail__itemDate{font-size:10px;color:var(--ink-3)}.rail__link{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--ink-2);text-decoration:none}.rail__link:hover{color:var(--ink);background:#15140e0a}.rail__foot{border-top:1px solid var(--rule);padding:12px}.rail__usageRow{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-2);margin-bottom:6px}.rail__bar{height:4px;background:var(--paper-2);border-radius:999px;overflow:hidden}.rail__bar>div{height:100%;background:var(--blueprint-500)}.canvas{grid-area:main;display:grid;grid-template-rows:44px 1fr 32px;background:var(--paper)}.toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bone);border-bottom:1px solid var(--rule)}.toolbar__group{display:inline-flex;gap:2px;padding:2px}.toolbar__group+.toolbar__group{border-left:1px solid var(--rule);margin-left:4px;padding-left:6px}.toolbar__spacer{flex:1}.tool{width:28px;height:28px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);cursor:pointer;border-radius:5px}.tool:hover{background:#15140e0f;color:var(--ink)}.tool__zoom{width:auto;padding:0 8px;font-size:11px;color:var(--ink-2);cursor:default}.canvas__stage{position:relative;overflow:hidden;background:var(--chalk)}.canvas__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(21,20,14,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,20,14,.05) 1px,transparent 1px);background-size:24px 24px}.canvas__svg{position:absolute;top:24px;right:24px;bottom:24px;left:24px;width:calc(100% - 48px);height:calc(100% - 48px)}.canvas__status{display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--bone);border-top:1px solid var(--rule);font-size:11px;color:var(--ink-2)}.canvas__statusSep{flex:1}.inspector{grid-area:inspector;background:var(--bone);border-left:1px solid var(--rule);display:flex;flex-direction:column;overflow:hidden}.inspector__tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);padding:0 12px}.inspector__tab{background:transparent;border:0;border-bottom:2px solid transparent;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--ink-2);padding:12px 10px;cursor:pointer;margin-bottom:-1px}.inspector__tab.is-active{color:var(--ink);border-bottom-color:var(--blueprint-500)}.inspector__body{padding:16px;overflow-y:auto;flex:1}.inspector__rowHead{display:flex;justify-content:space-between;align-items:center;padding:4px 0 8px}.inspector__hr{border:0;height:1px;background:var(--rule);margin:18px 0}.layers{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.layer{display:grid;grid-template-columns:22px 12px 1fr auto 24px;align-items:center;gap:10px;padding:7px 6px;border-radius:5px}.layer:hover{background:#15140e0a}.layer__visBtn{background:transparent;border:0;padding:0;cursor:pointer;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center}.layer__visBtn.is-off{color:var(--rule-strong)}.layer__swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(21,20,14,.15)}.layer__name{font-size:13px;color:var(--ink)}.layer__count{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.meta{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:0}.meta dt{font-size:12px;color:var(--ink-3);padding:4px 0}.meta dd{margin:0;font-size:12px;color:var(--ink);padding:4px 0;text-align:right}.empty{padding:20px 0;text-align:center}.empty p{margin:0;font-size:13px;color:var(--ink)}.empty p.muted{color:var(--ink-3);font-size:12px;margin-top:4px}.muted{color:var(--ink-3)}.small{font-size:11px}.fmt{display:flex;flex-direction:column;gap:6px}.fmt__opt{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--chalk);border:1px solid var(--rule);border-radius:6px;font-size:13px;cursor:pointer}.fmt__opt input{accent-color:var(--blueprint-500)}.fmt__check{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;cursor:pointer}.fmt__check input{accent-color:var(--blueprint-500)}.upload{grid-area:main;display:grid;place-items:center;padding:32px;background:var(--paper);background-image:linear-gradient(to right,rgba(21,20,14,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,20,14,.04) 1px,transparent 1px);background-size:24px 24px}.upload__zone{width:min(640px,100%);background:var(--chalk);border:1px dashed var(--rule-strong);border-radius:14px;padding:64px 48px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.upload__zone--processing{border-style:solid}.upload__icon{width:56px;height:56px;border-radius:999px;background:var(--blueprint-50);color:var(--blueprint-700);display:inline-flex;align-items:center;justify-content:center}.upload__zone--processing .upload__icon{color:var(--blueprint-500);animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:24px;letter-spacing:-.015em}.upload__lede{margin:0;font-size:14px;color:var(--ink-2)}.upload__cta{display:flex;gap:14px;align-items:center;margin-top:10px}.upload__or{color:var(--ink-3);font-size:12px}.upload__bullets{list-style:none;padding:0;margin:18px 0 0;font-size:12px;color:var(--ink-3);display:flex;flex-direction:column;gap:4px;text-align:left}.upload__progress{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px}.upload__bar{flex:1;height:6px;background:var(--paper-2);border-radius:999px;overflow:hidden}.upload__bar>div{height:100%;background:var(--blueprint-500);transition:width .2s}.upload__pct{font-size:12px;color:var(--ink);min-width:36px;text-align:right}.upload__steps{list-style:none;padding:0;margin:18px 0 0;width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.upload__steps li{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;font-size:12px;color:var(--ink-3)}.upload__steps li .upload__stepDot{width:8px;height:8px;border-radius:999px;background:var(--rule-strong);margin-left:3px}.upload__steps li.is-active{color:var(--ink)}.upload__steps li.is-active .upload__stepDot{background:var(--blueprint-500);box-shadow:0 0 0 4px #1f58b826}.upload__steps li.is-done{color:var(--ink-2)}.upload__steps li.is-done .upload__stepDot{background:var(--vector-500)}.upload__stepPct{font-size:10px;color:var(--ink-3)}.canvas{display:flex!important;flex-direction:column}.canvas>.toolbar{flex:0 0 44px}.canvas>.demo-progress{flex:0 0 auto}.canvas>.demo-stage{flex:1 1 auto;min-height:0;position:relative}.canvas>.demo-status{flex:0 0 auto;height:32px}.app__breadcrumb{min-width:0;overflow:hidden}.app__crumb{white-space:nowrap}.app__crumb--active{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.rail__upload,.rail__link{white-space:nowrap}.rail__itemName{min-width:0}.rail__itemDate,.rail__navlbl,.rail__usageRow,.inspector__rowHead .eyebrow,.inspector__rowHead .mono,.app__top-actions .badge,.demo-status span,.demo-replay{white-space:nowrap}.demo-stage{position:relative;overflow:hidden;background:var(--chalk);background-image:linear-gradient(to right,rgba(21,20,14,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,20,14,.05) 1px,transparent 1px);background-size:24px 24px;isolation:isolate}.demo-empty{position:absolute;top:48px;right:48px;bottom:48px;left:48px;border:1px dashed var(--rule-strong);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;opacity:1;transition:opacity .32s var(--ease-out);pointer-events:auto;cursor:pointer}.demo-empty.is-hidden{opacity:0;pointer-events:none}.demo-empty__icon{width:56px;height:56px;border:1px dashed var(--rule-strong);position:relative}.demo-empty__icon:before{content:"";position:absolute;right:-1px;top:-1px;width:16px;height:16px;background:var(--chalk);border-left:1px dashed var(--rule-strong);border-bottom:1px dashed var(--rule-strong)}.demo-empty__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:20px;letter-spacing:-.01em;color:var(--ink-2)}.demo-empty__sub{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3)}.demo-dropzone{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:2px dashed var(--blueprint-500);background:#1f58b80a;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s var(--ease-out);pointer-events:none;z-index:3}.demo-dropzone.is-on{opacity:1}.demo-dropzone__hint{background:var(--blueprint-500);color:var(--paper);padding:8px 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.demo-file{position:absolute;top:50%;left:50%;z-index:4;opacity:0;transform:translate(-50%,-50%) translate(280px,-260px) rotate(-6deg);transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .26s ease-out;pointer-events:none}.demo-file.is-visible{opacity:1}.demo-file.is-over{transform:translate(-50%,-50%) translate(0) rotate(-2deg)}.demo-file.is-dropped{transform:translate(-50%,-50%) translate(0) rotate(0) scale(.85);opacity:0}.demo-file__card{width:156px;background:var(--chalk);border:1px solid var(--ink);box-shadow:0 18px 36px -16px #15140e66,0 0 0 1px #15140e0f;font-family:var(--font-mono);position:relative}.demo-file__card:before{content:"";position:absolute;top:0;right:0;width:16px;height:16px;background:var(--paper);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink)}.demo-file__preview{height:86px;background-image:linear-gradient(to right,rgba(21,20,14,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,20,14,.08) 1px,transparent 1px);background-size:10px 10px;background-color:var(--bone);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center;padding:10px}.demo-file__preview svg{width:100%;height:100%}.demo-file__meta{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px}.demo-file__name{font-size:11px;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-file__size{font-size:10px;color:var(--ink-3);letter-spacing:.04em}.demo-file__badge{position:absolute;top:8px;left:8px;background:var(--danger-500);color:var(--paper);padding:2px 5px;font-size:9px;font-weight:600;letter-spacing:.08em}.demo-cursor{position:absolute;top:50%;left:50%;z-index:5;opacity:0;transform:translate(-50%,-50%) translate(280px,-260px) translate(46px,-10px);transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .26s ease-out;pointer-events:none}.demo-cursor.is-visible{opacity:1}.demo-cursor.is-over{transform:translate(-50%,-50%) translate(0) translate(46px,-10px)}.demo-cursor.is-dropped{transform:translate(-50%,-50%) translate(0) translate(60px,8px);opacity:0}.demo-cursor svg{display:block;filter:drop-shadow(0 2px 6px rgba(21,20,14,.4))}.demo-loader{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);opacity:0;transition:opacity .28s var(--ease-out);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:14px}.demo-loader.is-on{opacity:1}.demo-loader.is-done .demo-loader__ring{animation:none}.demo-loader__ring{width:88px;height:88px;position:relative}.demo-loader__ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.demo-loader__ring .arc{fill:none;stroke:var(--blueprint-500);stroke-width:2;stroke-linecap:round;transform-origin:50% 50%;animation:demoSpin 1.2s linear infinite}@keyframes demoSpin{to{transform:rotate(360deg)}}.demo-loader__ring .ring-bg{fill:none;stroke:#15140e1f;stroke-width:1}.demo-loader__ring .crosshair{fill:none;stroke:var(--ink-2);stroke-width:1}.demo-loader__ring .check{fill:none;stroke:var(--vector-500);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .5s var(--ease-out)}.demo-loader.is-done .demo-loader__ring .check{stroke-dashoffset:0}.demo-loader.is-done .demo-loader__ring .arc{display:none}.demo-loader.is-done .demo-loader__ring .ring-bg{stroke:var(--vector-500);stroke-width:2}.demo-loader__label{background:var(--chalk);border:1px solid var(--rule);padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:260px;text-align:center;box-shadow:0 8px 24px -12px #15140e2e}.demo-loader__step{font-family:var(--font-mono);font-size:10px;color:var(--blueprint-500);letter-spacing:.12em;font-weight:500}.demo-loader.is-done .demo-loader__step{color:var(--vector-500)}.demo-loader__title{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.01em;color:var(--ink);transition:opacity .2s var(--ease-out)}.demo-loader__sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3)}.demo-loader__title.is-leaving{opacity:0}.demo-plan{position:absolute;top:48px;right:48px;bottom:48px;left:48px;width:calc(100% - 96px);height:calc(100% - 96px);z-index:1;pointer-events:none}.demo-plan g[data-layer]{opacity:0;transform:translateY(6px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.demo-plan g[data-layer].is-on{opacity:1;transform:translateY(0)}.demo-plan g[data-layer=walls] .draw{stroke-dasharray:1800;stroke-dashoffset:1800;transition:stroke-dashoffset .9s var(--ease-out),opacity .4s}.demo-plan g[data-layer=walls].is-on .draw{stroke-dashoffset:0}.demo-layer-row{display:grid;grid-template-columns:22px 12px 1fr auto 24px;align-items:center;gap:10px;padding:7px 6px;border-radius:5px;transition:background .2s}.demo-layer-row.is-active{background:#1f58b814}.demo-layer-row__vis{background:transparent;border:0;padding:0;cursor:pointer;color:var(--rule-strong);display:inline-flex;align-items:center;justify-content:center;transition:color .24s}.demo-layer-row.is-detected .demo-layer-row__vis{color:var(--ink-2)}.demo-layer-row__swatch{width:12px;height:12px;border-radius:2px;background:var(--rule);border:1px solid var(--rule-strong);transition:background .24s}.demo-layer-row.is-detected .demo-layer-row__swatch{border-color:#15140e26}.demo-layer-row__name{font-size:13px;color:var(--ink-3);transition:color .24s}.demo-layer-row__count{font-family:var(--font-mono);font-size:11px;color:var(--rule-strong);font-variant-numeric:tabular-nums;transition:color .24s}.demo-layer-row__spinner{width:12px;height:12px;position:relative;opacity:0}.demo-layer-row.is-active .demo-layer-row__spinner{opacity:1}.demo-layer-row__spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--blueprint-500);border-right-color:transparent;border-radius:999px;animation:demoSpin .9s linear infinite}.demo-layer-row.is-detected:not(.is-active) .demo-layer-row__spinner{opacity:0}.demo-status{display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--bone);border-top:1px solid var(--rule);font-size:11px;color:var(--ink-2)}.demo-status span{font-family:var(--font-mono);letter-spacing:.01em}.demo-status__sep{flex:1}.demo-status__dot{width:6px;height:6px;border-radius:999px;background:var(--rule-strong)}.demo-status__dot.is-proc{background:var(--blueprint-500);animation:demoPulse 1.2s ease-in-out infinite}@keyframes demoPulse{0%,to{opacity:.4}50%{opacity:1}}.demo-replay{position:absolute;bottom:56px;right:24px;z-index:8;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:8px 14px;border:1px solid var(--ink);cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .24s,transform .24s}.demo-replay.is-visible{opacity:1;transform:translateY(0)}.demo-replay:hover{background:#2a271d}.demo-replay svg{width:14px;height:14px}.badge.demo-empty-badge{background:var(--paper-2);color:var(--ink-2);border-color:var(--rule)}.badge.demo-proc-badge{background:var(--blueprint-50);color:var(--blueprint-700);border-color:var(--blueprint-100)}.badge.demo-proc-badge .dot{animation:demoPulse 1.2s ease-in-out infinite}.toolbar.is-disabled .tool{opacity:.4;pointer-events:none}.toolbar.is-disabled .tool__zoom{opacity:.4}.demo-progress{height:2px;background:var(--rule);position:relative;overflow:hidden}.demo-progress__bar{position:absolute;top:0;left:0;bottom:0;background:var(--blueprint-500);transition:width .6s cubic-bezier(.22,1,.36,1)}:root,html,body{--paper: #F5F1EA;--paper-2: #EFE9DF;--paper-deep: #E7DFD1;--bone: #FAF6EE;--chalk: #FFFCF6;--ink: #1A1815;--ink-2: #3A3631;--ink-3: #6B655C;--ink-faint: #9A9388;--fg: var(--ink);--fg-muted: var(--ink-2);--fg-subtle: var(--ink-3);--rule: #D8CFBE;--rule-strong: #B6AE99;--rule-soft: #E5DDCC;--border: var(--rule);--border-strong: var(--rule-strong);--accent-warm: #D14B1F;--accent-warm-deep: #A8390F;--accent-warm-soft: #F4D6C5;--eucalyptus: #418e62;--blueprint-50: #F8EBE3;--blueprint-100: #F4D6C5;--blueprint-300: #E89770;--blueprint-500: #D14B1F;--blueprint-700: #A8390F;--blueprint-900: #6E2407;--cyanotype: #1B3A7A;--gold: #8C7A4B;--vector-300: #7FBF9B;--vector-500: #418e62;--vector-700: #2F6747;--warning: #C18A28;--danger: #B23A2F;--danger-500: #B23A2F;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--tracking-allcaps: .16em;--tracking-mono: .04em;--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1)}html,body{background:var(--paper);color:var(--ink)}body{font-family:var(--font-sans)}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-weight:500;display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--ink-faint);flex:0 0 22px}.app__topbar{background:var(--paper);border-bottom:1px solid var(--rule);padding:0 var(--space-5, 20px);gap:18px}.app__logo{gap:10px;color:var(--ink);align-items:baseline}.app__logo img{display:none}.app__mark{display:inline-block;width:14px;height:14px;border:1px solid var(--ink);position:relative;transform:translateY(2px);flex:0 0 14px}.app__mark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--ink)}.app__logo span{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em}.app__logo small,.app__logo .app__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-left:2px}.app__breadcrumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3);padding-left:18px;border-left:1px solid var(--rule)}.app__crumb{color:var(--ink-3);text-transform:none}.app__crumb--active{color:var(--ink)}.app__sep{color:var(--ink-faint)}.btn{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-radius:0;padding:9px 14px;border:1px solid transparent;gap:8px}.btn.lg{padding:13px 22px;font-size:12px}.btn.primary{background:var(--accent-warm);color:#fff;border-color:var(--accent-warm)}.btn.primary:hover{background:var(--accent-warm-deep);border-color:var(--accent-warm-deep)}.btn.primary[disabled],.btn.primary:disabled{background:var(--paper-deep);color:var(--ink-faint);border-color:var(--rule)}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.secondary:hover{background:var(--ink);color:var(--paper)}.btn.ghost{background:transparent;color:var(--ink-2);padding:7px;border:1px solid transparent;letter-spacing:0}.btn.ghost:hover{background:#1a18150d;color:var(--ink)}.badge{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:4px 10px 4px 8px;gap:6px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-3)}.badge .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.badge.demo-empty-badge{background:var(--paper);color:var(--ink-3);border-color:var(--rule)}.badge.demo-empty-badge .dot{background:var(--ink-faint)}.badge.demo-proc-badge{background:#d14b1f14;color:var(--accent-warm-deep);border-color:#d14b1f4d}.badge.demo-proc-badge .dot{background:var(--accent-warm);animation:refinedPulse 1.4s ease-in-out infinite}.badge.vector{background:#2e4a3a1a;color:var(--vector-700);border-color:#2e4a3a4d}.badge.vector .dot{background:var(--vector-500)}@keyframes refinedPulse{0%,to{box-shadow:0 0 #d14b1f59}50%{box-shadow:0 0 0 4px #d14b1f00}}.avatar{width:28px;height:28px;border-radius:999px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em}.rail{background:var(--paper);border-right:1px solid var(--rule)}.rail__head{padding:18px 16px 14px}.rail__head .eyebrow{font-size:10px}.rail__project{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.015em;margin-top:6px}.rail__search{background:var(--paper);border:1px solid var(--rule);border-radius:0;padding:8px 12px;color:var(--ink-3)}.rail__search input{font-family:var(--font-sans);font-size:13px;color:var(--ink)}.rail__search input::placeholder{color:var(--ink-faint)}.rail__upload{margin:12px 12px 4px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:10px 12px;gap:8px}.rail__upload:hover{background:var(--accent-warm);border-color:var(--accent-warm)}.rail__navlbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);padding:4px}.rail__item{border-radius:0;font-size:13px;padding:9px 12px;border-left:2px solid transparent}.rail__item:hover{background:var(--paper-2)}.rail__item.is-active{background:var(--paper-2);border-left-color:var(--accent-warm)}.rail__dot--vectorized{background:var(--vector-500)}.rail__dot--processing{background:var(--accent-warm)}.rail__dot--needs-review{background:var(--warning)}.rail__itemName{color:var(--ink);font-weight:400}.rail__itemDate{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}.rail__link{border-radius:0;font-size:13px;padding:8px 10px;color:var(--ink-2)}.rail__link:hover{background:var(--paper-2);color:var(--ink)}.rail__foot{border-top:1px solid var(--rule)}.rail__usageRow{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase}.rail__bar{background:var(--paper-deep);border-radius:0;height:3px}.rail__bar>div{background:var(--accent-warm)}.toolbar{background:var(--paper);border-bottom:1px solid var(--rule);padding:6px 14px}.toolbar__group+.toolbar__group{border-left:1px solid var(--rule)}.tool{border-radius:0;color:var(--ink-2)}.tool:hover{background:var(--paper-2);color:var(--ink)}.tool.is-active{background:var(--ink);color:var(--paper)}.tool__zoom{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink)}.canvas{background:var(--paper)}.canvas>.demo-stage,.canvas__stage,.demo-stage{background:var(--paper);background-image:linear-gradient(to right,rgba(26,24,21,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(26,24,21,.05) 1px,transparent 1px);background-size:32px 32px;border-left:0}.demo-status{background:var(--paper);border-top:1px solid var(--rule);color:var(--ink-3);gap:18px}.demo-status span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.demo-status__dot{background:var(--ink-faint)}.demo-status__dot.is-proc{background:var(--accent-warm)}.demo-status__dot.is-done{background:var(--vector-500)}.demo-progress{background:var(--rule);height:2px}.demo-progress__bar{background:var(--accent-warm)}.demo-progress--done .demo-progress__bar{background:var(--vector-500)}.demo-empty{border:1px dashed var(--rule-strong);background:transparent;top:56px;right:56px;bottom:56px;left:56px}.demo-empty__icon{width:60px;height:60px;border:1px solid var(--ink);background:var(--paper);position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.demo-empty__icon:before{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:var(--paper);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);z-index:1}.demo-empty__icon svg{position:relative;z-index:0}.demo-empty__title{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.015em;color:var(--ink);white-space:nowrap}.demo-empty__title em{font-style:italic;color:var(--accent-warm);font-weight:400}.demo-empty__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.demo-dropzone{border:2px dashed var(--accent-warm);background:#d14b1f0d}.demo-dropzone__hint{background:var(--accent-warm);color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 16px;gap:10px;border-radius:0;box-shadow:0 6px 20px #d14b1f38}.demo-file__card{background:var(--paper);border:1px solid var(--ink);box-shadow:0 20px 40px -20px #1a181573,0 0 0 1px #1a18150f;font-family:var(--font-mono)}.demo-file__card:before{background:var(--paper-deep);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink)}.demo-file__preview{background-color:var(--bone);background-image:linear-gradient(to right,rgba(26,24,21,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(26,24,21,.08) 1px,transparent 1px);background-size:10px 10px;border-bottom:1px solid var(--ink)}.demo-file__name{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--ink)}.demo-file__size{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.demo-file__badge{background:var(--accent-warm);color:#fff;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}.demo-loader__ring,.demo-loader__step{display:none}.demo-loader__label{background:var(--paper);border:1px solid var(--ink);border-radius:0;box-shadow:0 18px 38px -20px #1a18154d,0 0 0 1px #1a18150a;padding:18px 22px;min-width:320px;max-width:380px;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left}.demo-loader__title{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.015em;color:var(--ink);white-space:nowrap}.demo-loader__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.demo-loader__bar{width:100%;height:3px;background:var(--rule);margin-top:14px;position:relative;overflow:hidden}.demo-loader__bar-fill{position:absolute;inset:0 auto 0 0;background:var(--accent-warm);width:0%;transition:width .5s cubic-bezier(.22,1,.36,1)}.demo-loader.is-done .demo-loader__bar-fill{background:var(--vector-500);width:100%!important}.demo-plan g[data-layer=walls]{stroke:var(--ink)!important}.demo-plan g[data-layer=doors]{stroke:var(--accent-warm)!important}.demo-plan g[data-layer=windows]{stroke:var(--cyanotype)!important}.demo-plan g[data-layer=fixtures]{stroke:var(--gold)!important}.demo-plan g[data-layer=dimensions]{stroke:var(--ink-3)!important;fill:var(--ink-3)!important}.demo-plan g[data-layer=dimensions] rect{fill:var(--paper)!important}.demo-plan g[data-layer=dimensions] text{fill:var(--ink-3)!important;font-family:JetBrains Mono,monospace!important}.demo-plan g[data-layer=labels]{fill:var(--ink)!important;font-family:Inter,sans-serif!important}.demo-plan g[data-layer=labels] g{fill:var(--accent-warm)!important}.inspector{background:var(--paper);border-left:1px solid var(--rule)}.inspector__tabs{border-bottom:1px solid var(--rule);padding:0 14px}.inspector__tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--ink-3);padding:14px 10px;border-bottom:2px solid transparent}.inspector__tab:hover{color:var(--ink)}.inspector__tab.is-active{color:var(--ink);border-bottom-color:var(--accent-warm)}.inspector__body{padding:18px 16px}.inspector__hr{background:var(--rule)}.demo-layer-row{border-radius:0;padding:8px}.demo-layer-row.is-active{background:#d14b1f12}.demo-layer-row--novis{grid-template-columns:12px 1fr auto 24px}.demo-layer-row__swatch{border-radius:0;width:11px;height:11px;border:1px solid rgba(26,24,21,.15)}.demo-layer-row__name{font-family:var(--font-sans);font-size:13px;color:var(--ink-3)}.demo-layer-row.is-detected .demo-layer-row__name{color:var(--ink)}.demo-layer-row__count{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.demo-layer-row.is-detected .demo-layer-row__count{color:var(--ink-3)}.demo-layer-row__spinner:after{border:1.5px solid var(--accent-warm);border-right-color:transparent}.demo-layers-empty{list-style:none;padding:6px 4px 4px;font-size:12px;line-height:1.55;color:var(--ink-3);font-family:var(--font-sans);background:transparent;border:0;margin:0}.meta dt{font-family:var(--font-sans);font-size:12px;color:var(--ink-3)}.meta dd{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink);white-space:nowrap}.demo-replay{background:var(--ink);border:1px solid var(--ink);border-radius:0;color:var(--paper);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;gap:10px;bottom:24px;right:24px}.demo-replay:hover{background:var(--accent-warm);border-color:var(--accent-warm)}.mono{font-family:var(--font-mono);letter-spacing:.04em}:focus-visible{outline:2px solid var(--eucalyptus);outline-offset:3px}.exp-formats{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px}.exp-fmt{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:var(--paper);border:1px solid var(--rule);cursor:pointer;transition:border-color .18s var(--ease-out),background .18s var(--ease-out)}.exp-fmt:hover{border-color:var(--ink-faint)}.exp-fmt.is-selected{border-color:var(--accent-warm);background:#d14b1f0f}.exp-fmt__radio{width:12px;height:12px;border:1px solid var(--ink-faint);border-radius:999px;position:relative;flex:0 0 12px}.exp-fmt.is-selected .exp-fmt__radio{border-color:var(--accent-warm)}.exp-fmt.is-selected .exp-fmt__radio:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--accent-warm);border-radius:999px}.exp-fmt__body{display:flex;flex-direction:column;gap:2px;min-width:0}.exp-fmt__name{font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.005em;color:var(--ink)}.exp-fmt__desc{font-family:var(--font-sans);font-size:11px;color:var(--ink-3);line-height:1.4}.exp-fmt__size{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.exp-layers{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:2px}.exp-layer{display:grid;grid-template-columns:16px 11px 1fr auto;gap:10px;align-items:center;padding:5px 4px;font-size:12px;color:var(--ink-2)}.exp-layer__check{width:14px;height:14px;background:var(--vector-500);color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.exp-layer__swatch{width:9px;height:9px;border:1px solid rgba(26,24,21,.15)}.exp-layer__name{color:var(--ink);font-size:12px}.exp-layer__count{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}.exp-btn{margin:6px 0 0;width:100%;background:var(--accent-warm);color:#fff;border:1px solid var(--accent-warm);border-radius:0;padding:14px 16px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s var(--ease-out),opacity .2s var(--ease-out)}.exp-btn:disabled{background:var(--paper-2);color:var(--ink-faint);border-color:var(--rule);cursor:not-allowed}.exp-btn.is-armed:not(:disabled):hover{background:var(--accent-warm-deep);border-color:var(--accent-warm-deep)}.exp-btn__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.exp-btn__arrow{display:inline-block;transition:transform .2s var(--ease-out)}.exp-btn.is-armed:hover .exp-btn__arrow{transform:translate(3px)}.exp-btn__bar{position:absolute;inset:0 auto 0 0;background:var(--accent-warm-deep);width:0%;z-index:1;transition:width 80ms linear}.exp-btn.is-downloading{background:var(--accent-warm-deep);border-color:var(--accent-warm-deep)}.exp-btn.is-downloading .exp-btn__bar{background:var(--accent-warm)}.exp-btn.is-downloaded{background:var(--vector-500);border-color:var(--vector-500);color:#fff}.exp-btn.is-downloaded .exp-btn__bar{display:none}.exp-foot{margin:14px 0 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);line-height:1.7}.demo-export-btn{position:relative;white-space:nowrap;transition:transform .12s var(--ease-out),background .18s var(--ease-out)}.demo-export-btn.is-pressed{background:var(--accent-warm-deep);border-color:var(--accent-warm-deep);transform:translateY(1px);box-shadow:inset 0 1px 3px #0000002e}.demo-export-btn.is-saved{background:var(--vector-500);border-color:var(--vector-500)}.demo-toast{position:absolute;bottom:24px;left:50%;z-index:8;transform:translate(-50%,20px);opacity:0;display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:14px 16px 14px 14px;min-width:360px;box-shadow:0 24px 60px -24px #1a18158c;transition:transform .36s var(--ease-out),opacity .28s var(--ease-out)}.demo-toast.is-visible{opacity:1;transform:translate(-50%)}.demo-toast__icon{width:32px;height:32px;background:var(--vector-500);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px}.demo-toast__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.demo-toast__title{font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:-.005em;color:var(--paper)}.demo-toast__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f5f1eaa6}.demo-toast__close{background:transparent;border:0;color:#f5f1ea80;font-size:20px;font-family:var(--font-sans);line-height:1;cursor:pointer;padding:4px 8px;margin:0}.demo-toast__close:hover{color:var(--paper)}.exp-popover{position:fixed;top:64px;right:12px;width:360px;box-sizing:border-box;background:var(--paper);border:1px solid var(--ink);z-index:90;padding:18px 18px 16px;box-shadow:0 24px 60px -24px #1a181573,0 0 0 1px #1a18150f;opacity:0;transform:translateY(-8px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);pointer-events:none}.exp-popover.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.exp-popover__caret{position:absolute;top:-7px;right:100px;width:12px;height:12px;background:var(--paper);border-left:1px solid var(--ink);border-top:1px solid var(--ink);transform:rotate(45deg)}.exp-popover__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--rule)}.exp-popover__head .eyebrow{white-space:nowrap}.exp-popover__head>div{display:flex;flex-direction:column;gap:6px;min-width:0}.exp-popover__title{font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:-.01em;color:var(--ink);margin:0}.exp-popover__close{background:transparent;border:0;color:var(--ink-3);font-size:22px;line-height:1;cursor:pointer;padding:0 6px;font-family:var(--font-sans);flex:0 0 auto}.exp-popover__close:hover{color:var(--ink)}.exp-popover .inspector__rowHead{padding:0 0 8px}.exp-popover .inspector__hr{margin:16px 0}.exp-popover .exp-foot{margin-top:12px}.demo-cursor-roam{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .26s ease-out;will-change:transform}.demo-cursor-roam.is-visible{opacity:1;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .26s ease-out}.demo-cursor-roam svg{display:block;filter:drop-shadow(0 3px 8px rgba(26,24,21,.45));transition:transform .18s cubic-bezier(.34,1.56,.64,1);transform-origin:2px 2px}.demo-cursor-roam.is-clicking svg{transform:scale(.82);transition:transform .12s ease-out}