.agent-section{--agent-space-xs:8px;--agent-space-sm:12px;--agent-space-md:16px;--agent-space-lg:24px;--agent-space-xl:32px;--agent-radius:8px;--agent-small:11px;--agent-body:13px;--agent-label:16px;background:var(--paper)}.agent-heading{align-items:flex-end}.agent-heading h2{margin-bottom:0}.agent-introduction{max-width:380px}.agent-planned{border:1px solid var(--line);padding:var(--agent-space-xs) var(--agent-space-sm);font-size:var(--agent-small);font-weight:600;display:inline-block}.agent-introduction p{font-size:var(--agent-body);color:var(--muted);word-break:keep-all;margin:var(--agent-space-md) 0 0;line-height:1.9}.agent-examples{justify-content:flex-end;align-items:center;gap:var(--agent-space-md);margin:var(--agent-space-xl) 0 var(--agent-space-lg);display:flex}.agent-scenarios{gap:var(--agent-space-xs);flex-wrap:wrap;display:flex}.agent-scenarios button{border:1px solid var(--line);min-height:44px;padding:var(--agent-space-sm) var(--agent-space-md);color:var(--ink);font-size:var(--agent-body);background:0 0;font-weight:600}.agent-scenarios button:hover{border-color:var(--ink)}.agent-scenarios button[aria-pressed=true]{background:var(--lime);border-color:var(--ink)}.agent-workspace{border:1px solid var(--ink);box-shadow:8px 8px 0 var(--line)}.agent-appbar{align-items:center;gap:var(--agent-space-lg);padding:var(--agent-space-md) var(--agent-space-lg);background:var(--ink);color:var(--paper);display:flex}.agent-app-brand{align-items:center;gap:var(--agent-space-xs);white-space:nowrap;font-size:var(--agent-label);display:flex}.agent-app-brand .brand-icon{margin:0}.agent-file{font:var(--agent-small) monospace;opacity:.65;overflow-wrap:anywhere}.agent-concept{font-size:var(--agent-small);white-space:nowrap;opacity:.7;margin-left:auto}.agent-workspace-body{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);display:grid}.agent-chat{padding:var(--agent-space-lg);min-width:0}.agent-chat h3,.agent-preview h3{font-size:var(--agent-label);letter-spacing:-.03em;margin:0;line-height:1.5}.agent-thread{margin:var(--agent-space-lg) 0 0;gap:var(--agent-space-md);padding:0;list-style:none;display:grid}.agent-message{max-width:94%;padding:var(--agent-space-sm) var(--agent-space-md);border:1px solid var(--line);border-radius:var(--agent-radius)}.agent-message.user{background:var(--lime);border-color:var(--lime);margin-left:auto}.agent-speaker{font-size:var(--agent-small);letter-spacing:.04em;margin-bottom:var(--agent-space-xs);font-weight:700;display:block}.agent-message p{font-size:var(--agent-body);word-break:keep-all;margin:0;line-height:1.7}.agent-preview{padding:var(--agent-space-lg);background:var(--ink);color:var(--paper);border-top:1px solid var(--line);min-width:0}.agent-preview-heading{justify-content:space-between;align-items:center;gap:var(--agent-space-xs);margin-bottom:var(--agent-space-md);flex-wrap:wrap;display:flex}.agent-preview-heading>span{font-size:var(--agent-small);opacity:.7;white-space:nowrap}.agent-viewport{aspect-ratio:16/9;border:1px solid var(--line);justify-content:center;align-items:center;display:flex;overflow:hidden}.agent-video-frame{width:100%;height:100%;position:relative;overflow:hidden}.agent-video-frame.vertical{aspect-ratio:9/16;width:auto}.agent-game{width:100%;height:100%;display:block}.agent-preview[data-mode=mood] .agent-game{filter:saturate(1.12)contrast(1.04)}.agent-subtitle{background:var(--ink);max-width:90%;color:var(--paper);word-break:keep-all;text-align:center;white-space:nowrap;padding:4px 8px;font-size:clamp(12px,1.5vw,20px);font-weight:700;line-height:1.4;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.agent-video-frame.vertical .agent-subtitle{padding:4px;font-size:clamp(8px,1vw,13px);bottom:7%}.agent-timeline{margin-top:var(--agent-space-lg)}.agent-range-label{justify-content:space-between;align-items:center;gap:var(--agent-space-xs);font-size:var(--agent-small);line-height:1.5;display:flex}.agent-range-label strong{color:var(--lime);font-variant-numeric:tabular-nums}.agent-time-ruler{font-size:var(--agent-small);opacity:.6;margin:var(--agent-space-md) 0 var(--agent-space-xs);padding-left:var(--agent-space-xl);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.agent-track{align-items:center;gap:var(--agent-space-sm);font-size:var(--agent-small);display:flex}.agent-track>span{opacity:.7;flex-shrink:0;width:20px}.agent-track-strip{border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),var(--line) calc(20% - 1px),var(--line) 20%);flex:1;min-width:0;height:40px;position:relative}.agent-track-strip>span{z-index:1;padding:var(--agent-space-sm);font-size:var(--agent-small);opacity:.8;display:block;position:relative}.agent-track-strip i{background:var(--lime);opacity:.25;border:1px solid var(--lime);position:absolute;inset-block:0}.agent-changes{margin:var(--agent-space-lg) 0 0;padding:var(--agent-space-md) 0 0;border-top:1px solid var(--line);gap:var(--agent-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.agent-changes li{gap:var(--agent-space-xs);word-break:keep-all;flex-direction:column;display:flex}.agent-changes span{font-size:var(--agent-small);opacity:.65}.agent-changes strong{font-size:var(--agent-body);font-weight:500;line-height:1.5}.agent-footer{justify-content:space-between;align-items:center;gap:var(--agent-space-lg);margin-top:var(--agent-space-xl);display:flex}.agent-footer p{font-size:var(--agent-small);color:var(--muted);word-break:keep-all;margin:0;line-height:1.8}.agent-footer .button{font-size:var(--agent-body);white-space:nowrap;min-height:48px}@media (max-width:1000px){.agent-appbar{padding-inline:var(--agent-space-md);gap:var(--agent-space-md)}.agent-file{display:none}.agent-chat,.agent-preview{padding:var(--agent-space-md)}.agent-message{padding:var(--agent-space-sm);max-width:100%}.agent-message p{font-size:12px}.agent-thread{gap:var(--agent-space-sm)}.agent-changes strong{font-size:12px}}@media (max-width:700px){.agent-heading h2{margin-bottom:var(--agent-space-lg)}.agent-introduction p{font-size:12px}.agent-introduction br{display:none}.agent-examples{margin-top:var(--agent-space-lg);flex-direction:column;align-items:flex-start}.agent-scenarios{width:100%}.agent-scenarios button{padding-inline:var(--agent-space-xs);flex:1;font-size:12px}.agent-workspace-body{grid-template-columns:minmax(0,1fr)}.agent-concept{font-size:9px}.agent-app-brand{font-size:14px}.agent-appbar{gap:var(--agent-space-xs)}.agent-chat{padding:var(--agent-space-lg) var(--agent-space-md)}.agent-message{max-width:94%}.agent-preview{padding:var(--agent-space-lg) var(--agent-space-md)}.agent-changes strong{font-size:11px}.agent-footer{flex-direction:column;align-items:flex-start}.agent-footer .button{justify-content:space-between;width:100%}}