*,*:before,*:after{box-sizing:border-box}:root{--bg-0: #f7f9ff;--bg-1: #eef3fb;--bg-2: #e9eff9;--text-strong: #1f2937;--text-muted: #4b5563;--card-border: #ced8e8;--card-shadow: 0 1px 2px rgba(23, 37, 84, .06);--radius-s: 8px;--radius-m: 10px;--radius-l: 12px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--panel-gap: 14px}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,var(--bg-0) 0%,var(--bg-1) 45%,var(--bg-2) 100%);color:var(--text-strong);line-height:1.35}.app{max-width:1280px;margin:0 auto;padding:var(--space-3)}.app-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.app h1{margin:0 0 2px;font-size:1.55rem;letter-spacing:-.02em}.subtitle{margin:0;color:var(--text-muted)}.status-strip{margin:8px 0 10px;color:var(--text-muted);font-weight:600;font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.toolbar.grouped{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.35fr);background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-l);padding:10px;box-shadow:var(--card-shadow);gap:10px;width:100%;max-width:100%;box-sizing:border-box;align-items:stretch;overflow:hidden}.toolbar-group{display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:6px;row-gap:6px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fbff;min-width:0;min-height:52px}.group-tag{flex-shrink:0;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;margin-right:2px;padding:2px 6px;border-radius:999px;background:#e9f1ff;border:1px solid #d4e3ff}.toolbar-button{border:1px solid #94a3b8;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--text-strong);border-radius:var(--radius-s);padding:6px 8px;min-height:32px;cursor:pointer;font-size:.9rem;font-weight:600;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease;white-space:nowrap}.toolbar-button:hover:not(:disabled){border-color:#64748b;transform:translateY(-1px);box-shadow:0 2px 5px #0f172a1f}.toolbar-button.danger{border-color:#dc2626;color:#991b1b;background:linear-gradient(180deg,#fff7f7,#ffefef)}.toolbar-button.run{margin-bottom:4px;min-width:180px}.run-controls{display:flex;gap:var(--space-1);flex-wrap:wrap}.blockly-frame{position:relative}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin-bottom:8px}.toolbar-button.is-active{background:linear-gradient(180deg,#eaf3ff,#dbeafe);border-color:#2563eb;color:#1e40af}.toolbar-button.primary{border-color:#15803d;background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff}.toolbar-button.primary:hover:not(:disabled){border-color:#166534;box-shadow:0 3px 8px #16a34a59}.toolbar-button.emergency{background:linear-gradient(180deg,#fee2e2,#fecaca);font-weight:600}.toolbar-button:disabled{opacity:.48;cursor:not-allowed}.toolbar-button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.status-line{margin:6px 0 8px;color:var(--text-muted);font-weight:500}.workspace-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--panel-gap);align-items:start;margin-top:var(--panel-gap)}.side-stack{display:flex;flex-direction:column;gap:var(--panel-gap)}.workspace-card,.log-card{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--space-2);box-shadow:var(--card-shadow)}.workspace-card h2,.log-card h2{margin:2px 0;font-size:1rem}.log-card{display:flex;flex-direction:column}.terminal-card{height:400px}.sim-caption{margin:0 0 8px;color:#374151;font-size:.85rem}.sim-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background:#d1d5db;border:1px solid #c7cedb;border-radius:6px;padding:4px}.sim-cell{aspect-ratio:1 / 1;background:#fff}.sim-cell.path{background:#93c5fd}.sim-cell.robot{background:#dc2626;box-shadow:inset 0 0 0 1px #7f1d1d}pre{white-space:pre-wrap;margin:0;flex:1;height:100%;overflow:auto;background:#111827;color:#e5e7eb;border-radius:8px;padding:12px;font-size:.84rem;border:1px solid #374151}.blockly-host{width:100%;height:clamp(540px,68vh,760px);background:#fff;border:1px solid #94a3b8;border-radius:var(--radius-s);margin-bottom:0;overflow:hidden}@media (max-width: 1100px){.app{padding:var(--space-2)}.app-header{flex-direction:column;align-items:flex-start}.workspace-layout{grid-template-columns:1fr}.toolbar.grouped{grid-template-columns:1fr 1fr}.toolbar-group{min-height:58px}}@media (max-width: 700px){.toolbar.grouped{grid-template-columns:1fr}.toolbar-button.emergency{width:100%}}@media (prefers-reduced-motion: reduce){.toolbar-button{transition:none}.toolbar-button:hover:not(:disabled){transform:none}}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;background:#f7f9ffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);box-shadow:0 1px #fff9}.site-header-inner{max-width:1280px;margin:0 auto;padding:10px var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.site-brand{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}.site-brand strong{font-size:1.05rem;letter-spacing:-.02em}.site-brand span{font-size:.8rem;color:var(--text-muted);font-weight:500}.site-nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.site-nav a{text-decoration:none;color:var(--text-strong);font-weight:600;font-size:.9rem;padding:6px 12px;border-radius:var(--radius-s);border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.site-nav a:hover{background:#ffffffbf;border-color:#cbd5e1}.site-nav a.site-nav-active{background:#fff;border-color:#93c5fd;color:#1e40af}.doc-page{padding-top:var(--space-2);padding-bottom:var(--space-3)}.doc-card{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--space-3);box-shadow:var(--card-shadow)}.doc-prose{max-width:72ch}.doc-prose h1,.doc-prose h2,.doc-prose h3{line-height:1.25;margin:1.25em 0 .5em;color:var(--text-strong)}.doc-prose h1{font-size:1.45rem;margin-top:0;letter-spacing:-.02em}.doc-prose h2{font-size:1.15rem;padding-bottom:4px;border-bottom:1px solid #e2e8f0}.doc-prose h3{font-size:1.02rem}.doc-prose p,.doc-prose ul,.doc-prose ol{margin:.55em 0;color:var(--text-muted)}.doc-prose ul,.doc-prose ol{padding-left:1.35em}.doc-prose li{margin:.25em 0}.doc-prose a{color:#1d4ed8;font-weight:600}.doc-prose a:hover{text-decoration:underline}.doc-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88em;background:#f1f5f9;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}.doc-prose pre{margin:.75em 0;padding:12px 14px;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-s);overflow-x:auto;font-size:.84rem;line-height:1.45}.doc-prose pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.doc-prose hr{border:none;border-top:1px solid #e2e8f0;margin:1.25em 0}.doc-hub-section{margin-bottom:var(--space-3)}.doc-hub-section h2{margin:0 0 var(--space-1);font-size:1.05rem;color:var(--text-strong)}.doc-hub-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.doc-hub-links a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#1d4ed8;text-decoration:none}.doc-hub-links a:hover{text-decoration:underline}.home-hero{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--space-3);box-shadow:var(--card-shadow);margin-bottom:var(--panel-gap)}.home-hero h1{margin:0 0 8px;font-size:1.6rem;letter-spacing:-.02em}.home-hero p{margin:0 0 var(--space-2);color:var(--text-muted);max-width:62ch}.home-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.home-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:var(--radius-s);font-weight:700;font-size:.95rem;text-decoration:none;border:1px solid transparent;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.home-actions a.home-primary{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border-color:#15803d}.home-actions a.home-primary:hover{border-color:#166534;box-shadow:0 3px 8px #16a34a59;transform:translateY(-1px)}.home-actions a.home-secondary{background:linear-gradient(180deg,#fff,#f8fafc);color:var(--text-strong);border-color:#94a3b8}.home-actions a.home-secondary:hover{border-color:#64748b;transform:translateY(-1px);box-shadow:0 2px 5px #0f172a1f}.home-card{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--space-2) var(--space-3);box-shadow:var(--card-shadow)}.home-card h2{margin:0 0 var(--space-1);font-size:1.05rem}.home-card ul{margin:0;padding-left:1.2em;color:var(--text-muted)}.home-card li{margin:.35em 0}.home-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88em;background:#f1f5f9;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--panel-gap)}