.demo-app{--bg-0: oklch(.145 .005 250);--bg-1: oklch(.17 .005 250);--bg-2: oklch(.2 .005 250);--bg-3: oklch(.23 .005 250);--line: oklch(.27 .006 250 / .55);--line-soft: oklch(.27 .006 250 / .28);--t1: oklch(.95 .004 250);--t2: oklch(.72 .005 250);--t3: oklch(.54 .006 250);--t4: oklch(.4 .008 250);--accent: oklch(.78 .06 215);--ok: oklch(.74 .08 155);--err: oklch(.68 .12 25);position:relative;display:grid;grid-template-rows:44px 1fr;height:clamp(420px,56vh,560px);border-radius:12px;overflow:hidden;background:var(--bg-0);border:.5px solid var(--line);box-shadow:0 30px 70px -34px #000000b3;color:var(--t1);font-family:Inter,system-ui,sans-serif;font-size:13px}.da-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;height:44px;border-bottom:.5px solid var(--line);background:linear-gradient(180deg,#10121499,#0b0d1099)}.da-brand{display:flex;align-items:center;gap:8px}.da-mark{width:20px;height:20px;border-radius:6px;position:relative;background:conic-gradient(from 200deg,#81adb8,#58889b,#c2ae8e,#81adb8)}.da-mark:after{content:"";position:absolute;inset:4px;border-radius:3px;background:var(--bg-0)}.da-brand b{font-weight:700;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}.da-brand span{color:var(--accent)}.da-search{display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;border:.5px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--t3);font-size:12px;width:min(360px,34vw)}.da-search .kbd{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t4);border:.5px solid var(--line);padding:1px 4px;border-radius:4px}.da-top-right{display:flex;align-items:center;gap:6px;justify-self:end}.da-seg{display:inline-flex;padding:3px;gap:2px;background:var(--bg-2);border:.5px solid var(--line);border-radius:8px}.da-seg button{padding:0 9px;height:20px;border-radius:5px;color:var(--t3);font-size:11px;border:0;background:none;cursor:default}.da-seg button.on{background:var(--bg-3);color:var(--t1);box-shadow:0 0 0 .5px var(--line) inset}.da-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,oklch(.55 .1 210),#5658ab);display:grid;place-items:center;font-size:10px;font-weight:600;color:#fff}.da-workspace{display:flex;min-height:0;overflow:hidden}.da-rail{flex:0 0 40px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border-right:.5px solid var(--line);background:var(--bg-0)}.da-rb{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--t3)}.da-rb.on{color:var(--accent);background:var(--bg-2);box-shadow:0 0 0 .5px var(--line) inset}.da-rb svg{width:15px;height:15px}.da-side{flex:0 0 clamp(190px,24%,260px);min-width:0;border-right:.5px solid var(--line);display:flex;flex-direction:column;background:var(--bg-0)}.da-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.da-right{flex:0 0 clamp(150px,20%,200px);min-width:0;border-left:.5px solid var(--line);background:var(--bg-0);display:flex;flex-direction:column}@media(max-width:720px){.da-right{display:none}.da-side{flex-basis:46%}}.da-chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.da-thread{flex:1;overflow:hidden;padding:12px 12px 8px;display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.cp-user-wrap{display:flex;justify-content:flex-end}.cp-user{background:var(--bg-1);border-radius:10px 10px 2px;padding:6px 10px;max-width:88%;font-size:12.5px;color:var(--t1)}.cp-thinking{display:flex;align-items:center;gap:6px}.cp-thinking-label{font-size:11px;font-style:italic;color:var(--t3)}.cp-tool-row{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--t1);min-height:20px}.cp-tool-row .nm{flex-shrink:0}.cp-tool-row .feat{color:var(--t4);margin-left:6px}.cp-tool-row .zoom{margin-left:auto;color:var(--accent);font-size:10.5px}.cp-icon{display:inline-flex;width:18px;justify-content:center;flex-shrink:0;color:var(--accent)}.cp-done{color:var(--ok)}.cp-prose{font-size:12px;color:var(--t2);line-height:1.5}.cp-dots{display:inline-flex;gap:2px;margin-left:auto}.cp-dots i{width:3px;height:3px;border-radius:50%;background:var(--t3);animation:daDot 1s infinite}.cp-dots i:nth-child(2){animation-delay:.17s}.cp-dots i:nth-child(3){animation-delay:.33s}@keyframes daDot{0%,to{opacity:.25}50%{opacity:1}}.da-compose{margin:0 10px 10px;display:flex;align-items:center;gap:8px;border:.5px solid var(--line);border-radius:10px;background:var(--bg-1);padding:7px 10px}.da-compose .ph{color:var(--t3);font-size:12px;flex:1}.da-compose .send{width:20px;height:20px;border-radius:6px;background:var(--accent);color:var(--bg-0);display:grid;place-items:center;font-size:11px}.da-map{flex:1;position:relative;min-height:0;background:radial-gradient(120% 120% at 70% 8%,oklch(.78 .06 215 / .06),transparent 60%),var(--bg-0);overflow:hidden}.da-map-svg{width:100%;height:100%;display:block}.da-map-tools{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px}.da-map-tools button{width:24px;height:24px;border-radius:6px;background:var(--bg-2);border:.5px solid var(--line);color:var(--t3);display:grid;place-items:center;font-size:12px}.da-coord{position:absolute;left:10px;bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t3);background:var(--bg-1);border:.5px solid var(--line);border-radius:5px;padding:2px 6px}.da-output{flex:0 0 92px;border-top:.5px solid var(--line);background:var(--bg-0);display:flex;flex-direction:column}.da-ot-tabs{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:.5px solid var(--line-soft)}.da-ot-tab{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:11px;color:var(--t3)}.da-ot-tab.on{background:var(--bg-2);color:var(--t1);box-shadow:0 0 0 .5px var(--line) inset}.da-ot-body{flex:1;overflow:hidden;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:1.6;display:flex;flex-direction:column;justify-content:flex-end}.da-log{display:flex;gap:8px;color:var(--t3)}.da-log .src{color:var(--accent)}.da-log .src.ok{color:var(--ok)}.da-lp-head{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:.5px solid var(--line-soft)}.da-lp-title{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}.da-lp-tally{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t4)}.da-lp-list{padding:6px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.da-layer{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;background:var(--bg-1);border:.5px solid var(--line-soft)}.da-layer .sw{width:9px;height:9px;border-radius:3px;flex:none}.da-layer .nm{font-size:11.5px;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.da-layer .eye{margin-left:auto;color:var(--t4);font-size:11px}.demo-app .da-caret{color:var(--accent)}@media(prefers-reduced-motion:reduce){.demo-app .cp-dots i{animation:none}}