:root{font-synthesis:none;--color-page:#f8fafd;--color-surface:#fff;--color-surface-subtle:#f1f4f9;--color-surface-blue:#eef4ff;--color-surface-green:#eef8f1;--color-surface-yellow:#fff8e6;--color-surface-red:#fceeee;--color-text-primary:#202124;--color-text-secondary:#5f6368;--color-text-muted:#80868b;--color-border:#e1e5eb;--color-border-strong:#c9d0da;--color-primary:#1a73e8;--color-primary-hover:#1765cc;--color-primary-soft:#e8f0fe;--color-success:#188038;--color-warning:#b06000;--color-error:#d93025;--color-focus:#1a73e8;--shadow-soft:0 1px 3px #3c40431f, 0 1px 2px #3c404314;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;color:var(--color-text-primary);background:var(--color-page);font-family:Inter,Roboto,Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{margin:0;font-size:16px;line-height:1.5}button,input{font:inherit}button{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-primary);background:var(--color-surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}button svg{flex-shrink:0}button:hover:not(:disabled){background:var(--color-surface-subtle)}button:disabled{opacity:.5;cursor:not-allowed}:is(button,input,canvas,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:500;line-height:1.25}h2{font-size:22px;font-weight:500;line-height:1.25}h3{font-size:18px;font-weight:500}strong{font-weight:500}section,.item-copy{min-width:0}.muted,small{color:var(--color-text-secondary)}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto 1fr;grid-template-areas:"brand nav service";align-items:center;gap:20px;min-height:72px;padding-inline:max(32px,50% - 608px);display:grid}.brand{border:0;grid-area:brand;justify-self:start;gap:10px;padding:4px 0;font-size:20px;font-weight:500}.brand svg{color:var(--color-primary)}.brand:hover:not(:disabled){background:0 0}.service,.status{white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.service{color:var(--color-warning);grid-area:service;justify-self:end}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.service.ready,.success-text,.status.completed{color:var(--color-success)}.status.failed,.error-text{color:var(--color-error)}.status.running{color:var(--color-primary)}.status{text-transform:capitalize}.nav-row{grid-area:nav;align-self:stretch;min-width:0}nav{gap:4px;height:100%;display:flex}nav button{color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:0;border-radius:0;padding:22px 12px;position:relative}nav button:after{content:"";background:var(--color-primary);height:2px;transition:transform .18s;position:absolute;inset:auto 12px 0;transform:scaleX(0)}nav button[aria-current]{color:var(--color-primary)}nav button[aria-current]:after,nav button:hover:not(:disabled):after{transform:scaleX(1)}.nav-count{background:var(--color-surface-subtle);text-align:center;font-variant-numeric:tabular-nums;border-radius:4px;width:32px;padding:0;font-size:12px}main{max-width:1200px;margin:auto;padding:40px 32px 64px}.page-heading,.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-heading{margin-bottom:28px}.page-heading p:not(.eyebrow){flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.eyebrow{color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;font-weight:500}.home-intro{padding:8px 0 32px;animation:.44s both arrive}.home-intro .eyebrow{color:var(--color-primary);margin-bottom:16px;font-weight:600}.home-intro h1{font-size:36px;font-weight:500;line-height:1.15}.home-tagline{margin-top:12px;font-size:28px;line-height:1.3}.home-description{max-width:580px;color:var(--color-text-secondary);text-wrap:pretty;margin-top:16px;font-size:17px;line-height:1.65}.home-intro .actions{gap:12px;margin-top:24px}.watch-run{background:0 0;border-color:#0000}.watch-run svg:last-child,.text-button svg,.open-arrow{transition:transform .18s}.drawing-flow{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.drawing-flow li{align-items:center;gap:7px;display:flex}.drawing-flow li:last-child svg{color:var(--color-success)}.actions{flex-wrap:wrap;gap:8px;display:flex}.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface);min-height:48px}.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-soft)}.icon-button{flex-shrink:0;width:44px;padding:0}.text-button{color:var(--color-primary);background:0 0;border:0;padding-inline:8px}.overview{border-block:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:36px 0 0;padding:24px 0;display:grid}.overview div{border-right:1px solid var(--color-border);padding-inline:24px}.overview div:first-child{padding-left:0}.overview div:last-child{border:0}dt{color:var(--color-text-secondary);font-size:12px}dd{margin:4px 0 0;font-size:22px;font-weight:500}.home-section{margin-top:28px}.section-heading{min-height:36px;margin-bottom:12px}.section-heading h3{overflow-wrap:anywhere}.home-gallery{margin-top:0;animation:.44s 80ms both arrive}.home-gallery .section-heading h2{font-size:20px}.section-heading>span{font-size:12px}.empty-state{color:var(--color-text-secondary);border-block:1px solid var(--color-border);padding:32px 0}.run-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.run-item{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;min-width:0;display:flex}.run-open{text-align:left;background:0 0;border:0;border-radius:0;flex:1;justify-content:flex-start;gap:16px;width:100%;min-width:0;padding:12px 16px 12px 0}.run-preview{aspect-ratio:1.5;background:var(--color-surface-subtle);width:96px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.run-preview img{object-fit:contain;width:100%;height:100%;transition:transform .28s;display:block;position:absolute;inset:0}.item-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;display:flex}.item-copy small{font-size:12px;font-weight:400}.run-grid .run-item{border:1px solid var(--color-border);border-radius:6px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden}.run-grid .run-open{grid-template-columns:1fr auto;gap:12px 8px;padding:0 0 16px;display:grid}.run-grid .run-preview{grid-column:1/-1;width:100%}.run-grid .item-copy{grid-column:1/-1;margin-inline:16px}.run-grid .status{margin-left:16px}.run-grid .open-arrow{margin-right:16px}.history{border-top:1px solid var(--color-border)}.history .run-item{background:0 0}.delete-run{color:var(--color-text-secondary);background:0 0;border:0;margin-right:8px}.delete-run:hover:not(:disabled){color:var(--color-error);background:var(--color-surface-red)}.demo-list{border-top:1px solid var(--color-border)}.demo-list>button{text-align:left;border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;justify-content:flex-start;gap:16px;width:100%;padding:16px 8px}.demo-icon{width:44px;height:44px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.media-toolbar,.brush-tools{flex-wrap:wrap;align-items:center;gap:12px;min-height:64px;padding-block:8px;font-size:12px;display:flex}.media-toolbar{justify-content:space-between}.color-tool,.size-tool{align-items:center;gap:8px;display:flex}.color-tool input{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:4px;width:44px;height:44px;padding:3px}.size-tool{white-space:nowrap;flex:1;min-width:180px}.size-tool input{width:100%;min-width:60px;max-width:160px;accent-color:var(--color-primary)}.size-tool output{min-width:36px}.playback-speeds{gap:4px;display:flex}.playback-speeds button{background:0 0;border-color:#0000;width:44px;padding:0}.playback-speeds button[aria-pressed=true]{color:var(--color-primary);background:var(--color-surface-blue);border-color:var(--color-border)}.drawing-surface,.robot-surface{aspect-ratio:1.5;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;width:100%;display:block}.robot-surface{overflow:hidden}.robot-surface video{object-fit:contain;width:100%;height:100%;display:block}.waiting{height:100%;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.canvas-toolbar,.result-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:64px;font-size:12px;display:flex}.canvas-toolbar>span{white-space:nowrap}.tools{gap:4px;margin-left:auto;display:flex}.tools button{background:0 0;border-color:#0000;width:44px;padding:0}.result-actions button{font-size:13px}.run-details{border-top:1px solid var(--color-border);margin-top:32px;padding-top:24px}.run-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;padding:0;list-style:none;display:grid}.run-stages li{border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:8px;padding-bottom:12px;font-size:12px;display:flex}.run-stages li>span{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.run-stages .done{color:var(--color-success);border-color:var(--color-success)}.run-stages [aria-current]{color:var(--color-primary);border-color:var(--color-primary)}progress{width:100%;height:5px;accent-color:var(--color-primary)}.metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px;margin:24px 0;display:grid}.metrics dd{font-size:18px}.detail-tabs{border-bottom:1px solid var(--color-border);margin-top:20px;display:flex}.detail-tabs button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}.detail-tabs button[aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.detail-content{background:var(--color-surface);min-height:140px;max-height:320px;padding:16px;overflow:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:12px/1.6 Consolas,monospace}.logs{margin:0;padding:0;font-size:12px;list-style:none}.logs li{border-bottom:1px solid var(--color-border);gap:20px;padding:8px 0;display:flex}.logs time{color:var(--color-text-secondary);flex-shrink:0}.alert,.error-text{overflow-wrap:anywhere;padding:12px 0;line-height:1.5}.alert{color:var(--color-error);border-bottom:1px solid var(--color-border);margin-bottom:16px}dialog{border:1px solid var(--color-border);width:min(440px,100% - 32px);max-height:calc(100% - 32px);color:var(--color-text-primary);background:var(--color-surface);border-radius:8px;padding:28px}dialog::backdrop{background:#20212447}dialog h2{font-size:22px}dialog p{color:var(--color-text-secondary);overflow-wrap:anywhere;margin-top:16px}dialog .dialog-name{color:var(--color-text-primary)}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:28px;display:flex}.danger{color:var(--color-surface);background:var(--color-error);border-color:var(--color-error)}.danger:hover:not(:disabled){background:var(--color-error);filter:brightness(.9)}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:.9;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.run-grid .run-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft)}.run-open:hover:not(:disabled){background:0 0}.run-open:hover:not(:disabled) .run-preview img{transform:scale(1.018)}.run-open:hover:not(:disabled) .open-arrow{transform:translate(2px,-2px)}.watch-run:hover:not(:disabled) svg:last-child,.text-button:hover:not(:disabled) svg{transform:translate(3px)}}@media (width<=1000px){.app-header{grid-template-columns:1fr 1fr;grid-template-areas:"brand service""nav nav";gap:0;padding-top:8px}.nav-row{margin-top:8px}nav button{padding-block:16px}}@media (width<=760px){.app-header{min-height:0;padding-inline:16px}h1{font-size:24px}.brand{gap:8px;font-size:19px}.service{white-space:normal;max-width:120px;font-size:12px}nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}nav button{flex-direction:column;flex:1;gap:4px;min-width:0;padding:10px 0;font-size:12px}.nav-count{display:none}main{padding:24px 16px 32px}.home-intro{padding-top:4px;padding-bottom:28px}.home-intro h1{font-size:36px}.home-intro .eyebrow{margin-bottom:12px;font-size:12px}.home-tagline{margin-top:10px;font-size:22px}.home-description{margin-top:12px;font-size:15px;line-height:1.6}.home-intro .actions{gap:8px;margin-top:16px}.home-intro .primary{padding-inline:12px}.watch-run{padding-inline:8px}.drawing-flow{gap:8px;margin-top:20px;font-size:12px}.drawing-flow li{gap:5px}.drawing-flow li[aria-hidden]{display:none}.home-gallery .section-heading h2{font-size:18px}.page-heading{align-items:flex-start;gap:20px}.page-heading .actions{width:100%}.overview{padding-block:20px}.overview div{padding-inline:12px}.overview dt{min-height:36px}.run-grid,.workspace{grid-template-columns:minmax(0,1fr)}.run-grid{gap:20px}.history .run-preview{width:64px}.history .run-open{grid-template-columns:64px minmax(0,1fr);gap:8px 12px;display:grid}.history .run-preview{grid-row:1/3}.history .status{grid-column:2}.history .open-arrow{display:none}.workspace{gap:24px}.canvas-toolbar,.run-stages{gap:8px}.run-stages li{gap:4px;font-size:12px}.detail-tabs button{padding-inline:12px}.logs li{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}