:root{--olu-bg: oklch(98% .012 110);--olu-surface: oklch(99% .006 100);--olu-surface-2: oklch(95.5% .018 115);--olu-ink: oklch(22% .035 145);--olu-ink-2: oklch(38% .035 145);--olu-ink-3: oklch(53% .028 145);--olu-muted: oklch(70% .025 130);--olu-accent: oklch(50% .11 148);--olu-accent-deep: oklch(32% .08 150);--olu-accent-soft: oklch(88% .07 142);--olu-blue: oklch(53% .11 238);--olu-coral: oklch(61% .15 36);--olu-gold: oklch(72% .12 86);--olu-border: oklch(84% .024 115);--olu-border-strong: oklch(72% .042 130);--olu-radius: 18px;--olu-radius-sm: 9px;--olu-shadow: 0 18px 44px oklch(23% .045 150 / .22), 0 1px 0 oklch(100% 0 0 / .72) inset;--olu-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--olu-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", ui-monospace, monospace;--olu-z-pill: 90;--olu-z-backdrop: 92;--olu-z-pointer: 98;--olu-z-panel: 100;--olu-z-toast: 110}.olu-theme{color:inherit;font-family:var(--olu-font)}.olu-pill,.olu-panel,.olu-toast,.olu-pointer,.olu-backdrop{box-sizing:border-box;font-family:var(--olu-font)}.olu-pill *,.olu-panel *,.olu-toast *,.olu-pointer *{box-sizing:border-box}.olu-pill{position:fixed;right:20px;bottom:20px;z-index:var(--olu-z-pill);display:grid;grid-template-columns:auto minmax(138px,1fr) auto;align-items:center;gap:9px;width:min(360px,calc(100vw - 32px));min-height:54px;padding:8px 10px 8px 9px;border:1px solid color-mix(in oklch,var(--olu-accent) 65%,var(--olu-border));border-radius:999px;background:radial-gradient(circle at 14% 22%,oklch(98% .035 84 / .9),transparent 31%),linear-gradient(180deg,#f6fff6,#d0eacf);color:var(--olu-accent-deep);box-shadow:var(--olu-shadow);cursor:pointer;text-align:left;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .16s ease;animation:olu-pill-breathe 5.5s ease-in-out infinite}.olu-pill:hover{border-color:var(--olu-accent);box-shadow:0 22px 52px #0b231147,0 0 0 4px #c3d9bc6b,0 1px #fffc inset;transform:translateY(-1px)}.olu-pill:focus-visible,.olu-icon-button:focus-visible,.olu-anchor:focus-visible,.olu-panel-foot button:focus-visible{outline:2px solid var(--olu-accent-soft);outline-offset:3px}.olu-pill-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--olu-accent-deep);color:var(--olu-bg)}.olu-pill-icon svg{animation:olu-spin 14s linear infinite}.olu-pill-copy{display:grid;gap:2px;min-width:0}.olu-pill strong{overflow:hidden;color:var(--olu-ink);font-size:12.5px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.olu-pill small{overflow:hidden;color:var(--olu-ink-3);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.olu-pill[data-has-draft=true] small{color:var(--olu-ink-2);font-style:italic}.olu-pill kbd{padding:3px 7px;border:1px solid oklch(100% 0 0 / .62);border-radius:7px;background:#ffffffb8;color:var(--olu-ink-2);font-family:var(--olu-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.olu-backdrop{position:fixed;inset:0;z-index:var(--olu-z-backdrop);border:0;background:#0b231133;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;animation:olu-fade .22s ease}.olu-backdrop.sent{opacity:0;transition:opacity .28s ease}.olu-panel{position:fixed;right:20px;bottom:20px;z-index:var(--olu-z-panel);display:flex;width:min(420px,calc(100vw - 40px));max-height:min(720px,calc(100vh - 40px));flex-direction:column;overflow:hidden;border:1px solid var(--olu-border-strong);border-radius:var(--olu-radius);background:linear-gradient(180deg,oklch(100% .004 110),var(--olu-surface) 42%),var(--olu-surface);color:var(--olu-ink);box-shadow:0 24px 54px #0b23114d,0 2px 8px #0b23111f;animation:olu-rise .28s cubic-bezier(.2,.8,.2,1)}.olu-panel.sent{animation:olu-fly .7s cubic-bezier(.55,.05,.2,1) forwards}.olu-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 16px 12px}.olu-panel-head h2{margin:0;color:var(--olu-ink);font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400;letter-spacing:0;line-height:1}.olu-panel-head h2 em{color:var(--olu-accent);font-style:italic}.olu-panel-head span,.olu-preview-label,.olu-panel-foot span{color:var(--olu-ink-3);font-family:var(--olu-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}.olu-icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--olu-ink-3);cursor:pointer}.olu-icon-button:hover{background:var(--olu-surface-2);color:var(--olu-ink)}.olu-anchor-row{padding:0 16px 10px}.olu-anchor{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:29px;padding:5px 11px;border:1px dashed var(--olu-border-strong);border-radius:999px;background:var(--olu-surface);color:var(--olu-ink-2);cursor:pointer;font:inherit;font-size:11.5px}.olu-anchor:hover,.olu-anchor.active{border-style:solid;border-color:var(--olu-accent);background:#dbf3db;color:var(--olu-accent-deep)}.olu-anchor.pinned{cursor:default}.olu-anchor.pinned span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olu-anchor.pinned em{color:var(--olu-accent);font-family:Georgia,Times New Roman,serif;font-size:13px}.olu-anchor.pinned button{display:inline-grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:0;border-radius:50%;background:var(--olu-surface-2);color:var(--olu-ink-2);cursor:pointer;font:inherit;line-height:1}.olu-textarea{min-height:88px;margin:0 16px;padding:11px 12px;resize:none;border:1px solid var(--olu-border);border-radius:11px;outline:none;background:var(--olu-surface-2);color:var(--olu-ink);font:inherit;font-size:13px;line-height:1.5;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.olu-textarea:focus{border-color:var(--olu-accent);background:var(--olu-surface);box-shadow:0 0 0 3px #c3d9bc57}.olu-textarea::placeholder{color:var(--olu-ink-3);font-style:italic}.olu-preview{display:flex;flex-direction:column;gap:8px;margin:12px 16px 4px;padding-top:12px;border-top:1px solid var(--olu-border)}.olu-preview-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--olu-border);border-radius:11px;background:#fcfcf8}.olu-preview[data-empty=true] .olu-preview-card{opacity:.72}.olu-preview-row{display:flex;align-items:center;gap:6px;min-width:0}.olu-preview-row.wrap{flex-wrap:wrap}.olu-preview-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--olu-ink);font-size:12.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.olu-preview-card p span{color:var(--olu-ink-3);font-style:italic}.olu-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 7px;border:1px solid var(--olu-border);border-radius:6px;background:var(--olu-surface);color:var(--olu-ink-2);font-family:var(--olu-mono);font-size:9.5px;letter-spacing:.055em;line-height:1.1;text-transform:uppercase;white-space:nowrap}.olu-chip.src{border-color:transparent;background:var(--olu-accent-deep);color:#dbf8da}.olu-chip.kind{border-color:transparent;background:#c6e9c6;color:var(--olu-accent-deep)}.olu-chip.project{border-color:var(--olu-accent-soft);background:transparent;color:var(--olu-accent)}.olu-chip.route{border-color:#f2c1b3;background:#fff1ed;background:oklch(97% .025 36);color:#8f331a}.olu-chip.anchor{max-width:100%;overflow:hidden;border-color:#c3d8e6;background:#ecf7ff;background:oklch(97% .018 238);color:var(--olu-blue);text-overflow:ellipsis;text-transform:none}.olu-dot{width:8px;height:8px;margin-left:auto;border-radius:50%;background:var(--olu-gold);box-shadow:0 0 0 3px color-mix(in oklch,var(--olu-gold) 22%,transparent)}.olu-dot.loud{background:var(--olu-coral);box-shadow:0 0 0 3px color-mix(in oklch,var(--olu-coral) 22%,transparent)}.olu-dot.quiet{background:var(--olu-blue);box-shadow:0 0 0 3px color-mix(in oklch,var(--olu-blue) 20%,transparent)}.olu-arrow{flex:0 0 auto;color:var(--olu-ink-3)}.olu-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 14px}.olu-panel-foot button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:8px 13px;border:1px solid var(--olu-border);border-radius:999px;background:var(--olu-surface-2);color:var(--olu-ink-3);cursor:not-allowed;font:inherit;font-size:12px;font-weight:600}.olu-panel-foot button.ready{border-color:var(--olu-accent-deep);background:var(--olu-accent);color:var(--olu-bg);cursor:pointer}.olu-panel-foot button.ready:hover{background:var(--olu-accent-deep)}.olu-progress{height:2px;background:linear-gradient(90deg,transparent,var(--olu-accent),var(--olu-blue),transparent);background-size:220% 100%;animation:olu-progress 1.2s linear infinite}.olu-pointer{position:fixed;inset:0;z-index:var(--olu-z-pointer);cursor:crosshair;pointer-events:none}.olu-pointer:before{position:absolute;inset:0;background:#557a5512;content:""}.olu-pointer-hint{position:absolute;top:16px;left:50%;display:inline-flex;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:6px 12px;border-radius:999px;background:var(--olu-accent-deep);color:#dbf8da;font-family:var(--olu-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%)}.olu-pointer-rect{position:fixed;border:1.5px solid var(--olu-accent);border-radius:7px;background:#557a5514;box-shadow:0 0 0 4px #557a552e;pointer-events:none;transition:all 80ms ease-out}.olu-pointer-rect span{position:absolute;top:-24px;left:0;max-width:min(280px,70vw);overflow:hidden;padding:3px 8px;border-radius:5px;background:var(--olu-accent-deep);color:#dbf8da;font-family:var(--olu-mono);font-size:9.5px;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.olu-toast{position:fixed;right:20px;bottom:24px;z-index:var(--olu-z-toast);display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;max-width:min(430px,calc(100vw - 40px));padding:10px 14px 10px 12px;border:1px solid color-mix(in oklch,var(--olu-accent) 45%,transparent);border-radius:13px;background:var(--olu-accent-deep);color:var(--olu-bg);box-shadow:0 14px 34px #0b231157;animation:olu-toast-in .32s cubic-bezier(.2,.8,.2,1),olu-toast-out .32s ease 4.1s forwards;font-size:12px}.olu-toast.failed{border-color:color-mix(in oklch,var(--olu-coral) 58%,transparent);background:#551a0c}.olu-toast-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--olu-accent);color:var(--olu-bg);font-size:12px;font-weight:800}.olu-toast p{margin:0}.olu-toast strong,.olu-toast code{color:#d1f7d1;font-family:var(--olu-mono);font-size:11px;font-weight:600;letter-spacing:.04em}.olu-toast code{padding:3px 7px;border-radius:999px;background:#ffffff1f}.olu-toast em{color:#f8e3b0;font-family:Georgia,Times New Roman,serif;font-size:14px}@keyframes olu-pill-breathe{0%,to{box-shadow:0 18px 44px #0b231138,0 0 #c3d9bc00,0 1px #ffffffb8 inset}50%{box-shadow:0 18px 44px #0b231138,0 0 0 5px #c3d9bc33,0 1px #ffffffb8 inset}}@keyframes olu-spin{to{transform:rotate(360deg)}}@keyframes olu-fade{0%{opacity:0}to{opacity:1}}@keyframes olu-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes olu-fly{to{opacity:0;filter:blur(2px);transform:translate(120px,-340px) scale(.18) rotate(-6deg)}}@keyframes olu-progress{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes olu-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes olu-toast-out{to{opacity:0;transform:translateY(-8px)}}@media(max-width:560px){.olu-pill{right:12px;bottom:12px;width:calc(100vw - 24px)}.olu-panel{right:12px;bottom:12px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.olu-panel-foot{align-items:stretch;flex-direction:column}.olu-panel-foot button{width:100%}.olu-toast{right:12px;bottom:14px;max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){.olu-pill,.olu-pill:hover,.olu-pill-icon svg,.olu-backdrop,.olu-panel,.olu-panel.sent,.olu-progress,.olu-toast{animation:none;transition:none}}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,oklch(90% .012 115 / .5) 1px,transparent 1px),linear-gradient(0deg,oklch(90% .012 115 / .5) 1px,transparent 1px),radial-gradient(circle at 82% 18%,oklch(92% .055 36 / .55),transparent 28%),linear-gradient(135deg,#f8f9f0,#e7f4fd);background-size:24px 24px,24px 24px,auto,auto;color:var(--olu-ink)}button{font:inherit}.demo-shell{min-height:100vh;padding:18px}.demo-workbench{display:grid;min-height:calc(100vh - 36px);grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in oklch,var(--olu-border) 80%,white);border-radius:16px;background:#fcfcf7eb;box-shadow:0 24px 68px #1c2e1c2e}.demo-topbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--olu-border);background:#fcfcf7d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-brand,.demo-top-actions,.demo-feedback-lane div,.demo-section-head,.portfolio-proof-row,.mobile-status{display:flex;align-items:center}.demo-brand{gap:10px;min-width:0}.demo-brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--olu-accent-deep);color:#dbf8da;box-shadow:0 8px 20px #1c2e1c2e}.demo-brand strong,.demo-section-head strong{display:block;color:var(--olu-ink);font-size:13px;line-height:1.15}.demo-brand small,.demo-section-head span,.demo-kicker,.demo-scene-hero p{color:var(--olu-ink-3)}.demo-brand small,.demo-section-head span,.demo-kicker{font-family:var(--olu-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.demo-kicker.blue{color:var(--olu-blue)}.demo-kicker.coral{color:var(--olu-coral)}.demo-kicker.gold{color:#8f6700;color:oklch(54% .12 82)}.demo-tabs{display:inline-flex;align-items:center;justify-self:center;gap:3px;padding:3px;border:1px solid var(--olu-border);border-radius:999px;background:var(--olu-surface-2)}.demo-tabs button{min-height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--olu-ink-2);cursor:pointer;font-size:12px;font-weight:650}.demo-tabs button.active{background:var(--olu-accent-deep);color:var(--olu-bg)}.demo-top-actions{justify-content:flex-end;gap:8px}.demo-top-actions span,.demo-top-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--olu-border);border-radius:999px;background:var(--olu-surface);color:var(--olu-ink-2);font-size:12px}.demo-top-actions button{cursor:pointer}.demo-grid{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) minmax(340px,430px)}.demo-host{display:grid;min-width:0;min-height:0;align-content:start;gap:16px;padding:22px;border-right:1px solid var(--olu-border)}.demo-scene-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.demo-scene-hero h1{max-width:760px;margin:5px 0 0;color:var(--olu-ink);font-size:clamp(30px,4vw,54px);line-height:.96;letter-spacing:0}.demo-scene-hero p{max-width:680px;margin:10px 0 0;font-size:14px;line-height:1.45}.demo-score{display:grid;width:108px;min-height:88px;place-items:center;align-content:center;border:1px solid var(--olu-border);border-radius:14px;background:linear-gradient(180deg,var(--olu-surface),oklch(94% .035 145));box-shadow:0 14px 30px #1c2e1c1a}.demo-score strong{color:var(--olu-accent-deep);font-size:34px;line-height:1}.demo-score.blue strong{color:var(--olu-blue)}.demo-score.coral strong{color:var(--olu-coral)}.demo-score.gold strong{color:#926a00;color:oklch(55% .12 82)}.demo-score span{color:var(--olu-ink-3);font-size:11px}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-metric{display:grid;min-height:76px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--olu-border);border-radius:13px;background:var(--olu-surface)}.demo-metric>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#dbf3db;color:var(--olu-accent)}.demo-metric strong{display:block;font-size:23px;line-height:1}.demo-metric small,.demo-metric em{color:var(--olu-ink-3);font-size:11px}.demo-metric em{justify-self:end;color:var(--olu-blue);font-style:normal;font-weight:700}.demo-canvas-main,.operator-console{display:grid;min-height:320px;gap:12px}.demo-canvas-main{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.demo-chart,.demo-routes,.demo-feedback-lane,.demo-adapter,.demo-proof-flow,.demo-feed,.portfolio-card,.operator-rail,.operator-map,.operator-queue,.mobile-device,.mobile-notes{border:1px solid var(--olu-border);border-radius:14px;background:var(--olu-surface)}.demo-chart,.demo-routes,.operator-map,.operator-queue,.portfolio-card{display:grid;min-width:0;padding:14px}.demo-chart,.demo-routes{grid-template-rows:auto minmax(0,1fr)}.demo-section-head{justify-content:space-between;gap:12px;min-width:0}.demo-section-head svg{flex:0 0 auto;color:var(--olu-accent)}.scene-portfolio .demo-section-head svg{color:var(--olu-blue)}.scene-operator .demo-section-head svg{color:var(--olu-coral)}.scene-mobile .demo-section-head svg{color:#926a00;color:oklch(55% .12 82)}.demo-bars{display:grid;height:240px;grid-template-columns:repeat(8,minmax(18px,1fr));align-items:end;gap:10px;padding:18px 4px 4px}.demo-bars span{display:block;height:var(--bar-height);min-height:32px;border:1px solid color-mix(in oklch,var(--olu-accent) 50%,var(--olu-border));border-radius:9px 9px 4px 4px;background:repeating-linear-gradient(180deg,oklch(100% 0 0 / .24) 0 4px,transparent 4px 8px),linear-gradient(180deg,var(--olu-accent-soft),var(--olu-accent));box-shadow:0 10px 18px #1c2e1c14}.demo-routes,.demo-route-list,.demo-feed,.demo-feed-item,.portfolio-card,.operator-queue,.mobile-list{display:grid;gap:9px}.demo-route{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 11px;border:1px solid var(--olu-border);border-radius:11px;background:#f9f9f4}.demo-route span{color:var(--olu-ink-3);font-size:12px;text-transform:capitalize}.demo-route strong{font-family:var(--olu-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.demo-route.green strong{color:var(--olu-accent)}.demo-route.blue strong{color:var(--olu-blue)}.demo-route.coral strong{color:var(--olu-coral)}.demo-route.gold strong{color:#876200;color:oklch(52% .12 82)}.demo-feedback-lane{justify-content:space-between;gap:16px;padding:13px 14px;background:linear-gradient(90deg,#dbf3db,#f2faff),var(--olu-surface);background:linear-gradient(90deg,#dbf3db,color(xyz 0.885 0.944 1.104)),var(--olu-surface)}.demo-feedback-lane div{gap:8px;min-width:0;color:var(--olu-ink-2);font-size:13px}.demo-feedback-lane strong{flex:0 0 auto;padding:4px 8px;border-radius:7px;background:#ffffffbf;color:var(--olu-ink-2);font-family:var(--olu-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.portfolio-board{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:12px}.portfolio-card{min-height:150px}.portfolio-card.feature{min-height:300px;align-content:space-between;background:radial-gradient(circle at 88% 12%,oklch(84% .08 238 / .35),transparent 28%),var(--olu-surface)}.portfolio-card.feature p,.portfolio-card.quote p{max-width:540px;margin:18px 0;color:var(--olu-ink-2);font-size:17px;line-height:1.45}.portfolio-card.timeline ol{display:grid;gap:10px;margin:6px 0 0;padding:0;list-style:none}.portfolio-card.timeline li{display:grid;gap:2px;padding:10px;border:1px solid var(--olu-border);border-radius:10px;background:#f9f9f4}.portfolio-card.timeline span,.portfolio-proof-row span{color:var(--olu-ink-3);font-size:12px}.portfolio-proof-row{flex-wrap:wrap;gap:8px}.portfolio-proof-row span{padding:7px 9px;border-radius:999px;background:#d3ecfd;color:#004262;font-weight:650}.portfolio-card.quote{grid-column:1 / -1;display:flex;align-items:center;gap:14px;min-height:104px;background:#f7f1e5}.portfolio-card.quote svg{color:#926a00;color:oklch(55% .12 82)}.portfolio-card.quote p{margin:0}.operator-console{grid-template-columns:160px minmax(0,1fr) minmax(230px,.72fr)}.operator-rail{display:grid;align-content:start;gap:8px;padding:10px;background:#14212d}.operator-rail button{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid oklch(42% .04 248);border-radius:10px;background:transparent;color:#bccdde;cursor:pointer;font-size:12px}.operator-rail button.active{border-color:#e07559;background:#cd5c3e2b;color:#f6ede0}.operator-map{min-height:340px;background:linear-gradient(90deg,oklch(88% .01 248 / .5) 1px,transparent 1px),linear-gradient(0deg,oklch(88% .01 248 / .5) 1px,transparent 1px),var(--olu-surface);background-size:22px 22px}.operator-nodes{position:relative;min-height:250px}.operator-nodes:before{position:absolute;inset:50% 10% auto;height:2px;background:linear-gradient(90deg,var(--olu-coral),var(--olu-blue),var(--olu-accent));content:""}.operator-node{position:absolute;display:grid;width:118px;gap:4px;padding:12px;border:1px solid var(--olu-border-strong);border-radius:12px;background:#fcfcf7;box-shadow:0 14px 28px #1c2e1c1f}.operator-node span,.operator-queue article span{color:var(--olu-ink-3);font-family:var(--olu-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.operator-node strong{color:var(--olu-coral);font-size:28px}.operator-node.n-0{left:4%;top:44%}.operator-node.n-1{left:30%;top:20%}.operator-node.n-2{right:28%;top:48%}.operator-node.n-3{right:4%;top:28%}.operator-queue{align-content:start;background:#f9f9f4}.operator-queue article{display:grid;gap:3px;padding:11px;border:1px solid var(--olu-border);border-radius:10px;background:var(--olu-surface)}.operator-queue article strong{color:var(--olu-ink-2);font-size:12px}.mobile-stage{display:grid;grid-template-columns:minmax(260px,380px) minmax(220px,1fr);align-items:center;gap:22px}.mobile-device{min-height:560px;padding:14px;border-radius:34px;background:#051320;box-shadow:0 28px 50px #0617273d}.mobile-device>*{border-radius:20px}.mobile-status{justify-content:space-between;min-height:34px;padding:0 8px;color:#d4e0eb;font-size:11px}.mobile-hero{display:grid;gap:6px;margin-top:10px;padding:18px;background:linear-gradient(135deg,#eac673,#ea856a);color:#241803}.mobile-hero h2,.mobile-hero p{margin:0}.mobile-hero h2{font-size:24px;line-height:1}.mobile-hero p{color:#332710c7;font-size:13px;line-height:1.35}.mobile-list{margin-top:12px}.mobile-list article{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:13px;border:1px solid oklch(42% .04 248);border-radius:18px;background:#11212f}.mobile-list article>span{color:#d8ba79;font-family:var(--olu-mono);font-size:10px;text-transform:uppercase}.mobile-list strong,.mobile-list small{display:block}.mobile-list strong{color:#e7f0f8;font-size:14px}.mobile-list small{color:#96a7b7;font-size:12px}.mobile-notes{display:grid;max-width:360px;gap:10px;padding:18px;background:#fcf8f0}.mobile-notes svg{color:#926a00;color:oklch(55% .12 82)}.mobile-notes p{margin:0;color:var(--olu-ink-2);font-size:17px;line-height:1.45}.demo-adapter{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;overflow:hidden;padding:16px;border:0;border-radius:0;background:#091a0d;color:#e3f0e0}.demo-adapter .demo-section-head strong{color:#e8f7e4}.demo-adapter .demo-section-head span{color:#96ac96}.demo-live-dot{width:10px;height:10px;margin-top:3px;border-radius:50%;background:var(--olu-accent-soft);box-shadow:0 0 0 5px #c3d9bc24}.demo-json{min-height:0;margin:0;overflow:auto;padding:14px;border:1px solid oklch(38% .035 150);border-radius:12px;background:linear-gradient(90deg,oklch(100% 0 0 / .04) 1px,transparent 1px),linear-gradient(0deg,oklch(100% 0 0 / .04) 1px,transparent 1px),#041107;background-size:18px 18px;color:#d2e9d1;font-family:var(--olu-mono);font-size:11px;line-height:1.55;white-space:pre-wrap}.demo-feed{padding:12px;border-color:#354839;background:#132416}.demo-feed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#96ac96;font-family:var(--olu-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.demo-feed-head strong{color:#dbf8da}.demo-feed p{margin:0;color:#a8b6a8;font-size:12px;line-height:1.45}.demo-feed-item{padding:9px;border:1px solid oklch(38% .035 150);border-radius:10px;background:#07150a}.demo-feed-item span{color:#c0e3c0;font-family:var(--olu-mono);font-size:10px;letter-spacing:.06em}.demo-feed-item strong{color:#f4e3bf;font-size:12px;text-transform:capitalize}.demo-feed-item.failed strong{color:#ffac97;color:oklch(82% .12 35)}.demo-proof-flow{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden;padding:16px;border:0;border-radius:0;background:radial-gradient(circle at 92% 12%,oklch(64% .12 148 / .28),transparent 24%),#051609;color:#e3f0e0}.proof-head,.proof-message-meta,.proof-chip-row,.proof-status-list,.proof-pr-badge,.proof-thinking-row,.proof-asset-row,.proof-actions,.proof-thumb-top{display:flex;align-items:center}.proof-head{justify-content:space-between;gap:14px}.proof-head strong{display:block;color:#e8f7e4;font-size:13px}.proof-head span,.proof-message-meta,.proof-chip-row span,.proof-status-list span,.proof-pr-badge,.proof-message code{font-family:var(--olu-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.proof-head span{color:#96ac96}.proof-head svg{color:#a4d2a4}.proof-thread{display:grid;align-content:start;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto}.proof-message{display:grid;gap:10px;width:min(100%,390px);max-width:100%;box-sizing:border-box;padding:12px;border:1px solid oklch(38% .035 150);border-radius:14px;background:#102214;box-shadow:0 14px 28px #00020138}.proof-message.user{justify-self:end;background:#1c3422}.proof-message.agent{justify-self:start}.proof-message.agent.proof-waiting{border-color:#415a45;background:#0d1c10}.proof-message-meta{justify-content:space-between;gap:10px;color:#96ac96}.proof-message-meta span{color:#dff6de}.proof-message p{margin:0;color:#d8e6d7;font-size:13px;line-height:1.48}.proof-message p strong{color:#ffedc7;color:oklch(95% .065 85)}.proof-chip-row,.proof-status-list{flex-wrap:wrap;gap:7px}.proof-chip-row span,.proof-status-list span,.proof-pr-badge{gap:5px;width:fit-content;min-height:24px;padding:4px 8px;border-radius:999px;background:#bfdebe;color:#0b3117;font-weight:750}.proof-status-list span{border:1px solid oklch(42% .04 150);background:#09180c;color:#afceaf}.proof-thinking-row{gap:7px;min-height:18px}.proof-thinking-row span{width:7px;height:7px;border-radius:50%;background:#afd7af;box-shadow:0 0 0 5px #afd7af14;animation:proof-dot .98s ease-in-out infinite}.proof-thinking-row span:nth-child(2){animation-delay:.14s}.proof-thinking-row span:nth-child(3){animation-delay:.28s}.proof-message code{display:block;max-width:100%;overflow:hidden;padding:8px;border:1px solid oklch(42% .04 150);border-radius:9px;background:#020c04;color:#a8c8a8;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.proof-review-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:11px;padding:10px;border:1px solid oklch(44% .045 150);border-radius:12px;background:#020c04}.proof-thumb{position:relative;overflow:hidden;border:1px solid oklch(50% .055 145);border-radius:10px;background:#f2f3ea;box-shadow:0 12px 24px #00020152}.proof-thumb-top{gap:4px;height:18px;padding:0 7px;background:#0e1f12}.proof-thumb-top span{width:5px;height:5px;border-radius:50%;background:#a4d2a4}.proof-thumb-body{display:grid;grid-template-columns:30px minmax(0,1fr);min-height:98px}.proof-thumb-sidebar{background:#081725}.proof-thumb-main{display:grid;align-content:start;gap:7px;padding:9px;background:linear-gradient(90deg,oklch(88% .01 248 / .55) 1px,transparent 1px),linear-gradient(0deg,oklch(88% .01 248 / .55) 1px,transparent 1px),#f9f9f4;background-size:14px 14px}.proof-thumb-main strong{color:var(--olu-ink);font-size:10px}.proof-thumb-row{display:block;width:100%;height:18px;border:1px solid var(--olu-border);border-radius:5px;background:var(--olu-surface)}.proof-thumb-row.active{border-color:var(--olu-accent);background:#c6e9c6;box-shadow:0 0 0 3px #c3d9bc73}.proof-play{position:absolute;right:9px;bottom:9px;display:block;width:24px;height:24px;border:1px solid oklch(100% 0 0 / .78);border-radius:50%;background:#051609db;box-shadow:0 8px 18px #0002015c}.proof-play:before{position:absolute;left:9px;top:6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid oklch(96% .03 145);content:""}.proof-pr-badge{margin-bottom:7px;background:#bee4b9}.proof-asset-row{flex-wrap:wrap;gap:7px;margin-top:9px}.proof-asset-row span{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:4px 8px;border:1px solid oklch(42% .04 150);border-radius:999px;background:#091a0d;color:#b5d5b5;font-family:var(--olu-mono);font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.proof-actions{flex-wrap:wrap;gap:7px;margin-top:10px}.proof-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid color-mix(in oklch,var(--olu-accent) 52%,oklch(100% 0 0 / .24));border-radius:999px;background:var(--olu-accent);color:var(--olu-bg);cursor:pointer;font-size:12px;font-weight:750}.proof-actions button.secondary{border-color:#3d5342;background:#091a0d;color:#c8dfc8}@keyframes proof-dot{0%,to{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media(max-width:1080px){.demo-grid,.demo-topbar,.demo-canvas-main,.portfolio-board,.operator-console,.mobile-stage{grid-template-columns:1fr}.demo-tabs,.demo-top-actions{justify-self:start}.demo-host{border-right:0;border-bottom:1px solid var(--olu-border)}.demo-adapter{min-height:420px}.demo-proof-flow{min-height:520px}.operator-rail{grid-auto-flow:column;overflow-x:auto}}@media(max-width:640px){.demo-shell{padding:10px}.demo-workbench{min-height:calc(100vh - 20px)}.demo-host{padding:16px}.demo-scene-hero,.demo-feedback-lane{align-items:flex-start;flex-direction:column}.demo-score{width:100%;min-height:74px}.demo-metrics{grid-template-columns:1fr}.demo-scene-hero h1{font-size:32px;line-height:1}.demo-bars{height:180px;gap:6px}.operator-nodes{min-height:360px}.operator-node{left:auto!important;right:auto!important;position:relative;top:auto!important;width:auto;margin:10px 0}.operator-nodes:before{display:none}.mobile-device{min-height:520px}}