*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:#181d1f;background:#f4f5f8}body.demo-dark{color:#e8eaed;background:#16181d}.demo-app{display:flex;flex-direction:column;height:100%;padding:12px;gap:10px}.demo-topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.demo-title{font-size:18px;font-weight:700;margin:0}.demo-tabs{display:flex;gap:4px}.demo-tab{padding:6px 12px;border:1px solid #c5cbd6;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit}.demo-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.demo-themebar{margin-left:auto;display:flex;align-items:center;gap:6px}.demo-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}.demo-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.demo-toolbar button,.demo-themebar button{padding:4px 10px;border:1px solid #c5cbd6;border-radius:6px;background:#fff;color:#181d1f;cursor:pointer;font:inherit;font-size:13px}body.demo-dark .demo-toolbar button,body.demo-dark .demo-themebar button{background:#242832;border-color:#3a4150;color:#e8eaed}.demo-toolbar button:hover,.demo-themebar button:hover{border-color:#2563eb}.demo-themebar button.active{background:#2563eb;border-color:#2563eb;color:#fff}.demo-toolbar input,.demo-toolbar select,.demo-themebar select{padding:4px 8px;border:1px solid #c5cbd6;border-radius:6px;font:inherit;font-size:13px;background:#fff;color:#181d1f}body.demo-dark .demo-toolbar input,body.demo-dark .demo-toolbar select,body.demo-dark .demo-themebar select{background:#242832;border-color:#3a4150;color:#e8eaed}.demo-toolbar .sep{width:1px;align-self:stretch;background:#c5cbd6;margin:0 4px}.demo-grid{flex:1 1 auto;min-height:0}.demo-grid-half{flex:1 1 0;min-height:160px}.demo-status{font-size:12.5px;opacity:.85;display:flex;gap:18px;flex-wrap:wrap;min-height:18px}.demo-split{flex:1 1 auto;min-height:0;display:flex;gap:10px}.demo-split>.demo-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.demo-log{flex:0 0 320px;overflow:auto;background:#0f172a;color:#a5f3a5;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;border-radius:8px;padding:10px;white-space:pre-wrap}.demo-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#f59e0b;color:#442c00;font-weight:600;font-size:12.5px}.demo-badge.idle{background:#d1fae5;color:#065f46}.demo-note{font-size:13px;opacity:.8;margin:0}h2.demo-h2{margin:4px 0 0;font-size:15px}.demo-hot{background:#f59e0b40;font-weight:600}.demo-medal-cell{display:inline-flex;align-items:center;gap:4px}.demo-results{border-collapse:collapse;font-size:13px;min-width:420px}.demo-results th,.demo-results td{border:1px solid #c5cbd6;padding:5px 10px;text-align:left}body.demo-dark .demo-results th,body.demo-dark .demo-results td{border-color:#3a4150}.demo-results th{background:#2563eb1f}.plan-write-cell{background:color-mix(in srgb,var(--au-accent-color, #2563eb) 8%,transparent);box-shadow:inset 2px 0 color-mix(in srgb,var(--au-accent-color, #2563eb) 45%,transparent)}.demo-overview{overflow-y:auto;padding:28px 32px 40px;display:block}.ov-hero{max-width:860px}.ov-hero h2{font-size:30px;line-height:1.2;margin:0 0 14px;letter-spacing:-.02em}.ov-hero p{font-size:15px;line-height:1.6;opacity:.82;margin:0 0 22px}.ov-facts{display:flex;flex-wrap:wrap;gap:28px;margin-bottom:24px}.ov-fact{display:flex;flex-direction:column}.ov-fact-value{font-size:24px;font-weight:650;letter-spacing:-.02em;color:#2563eb}body.demo-dark .ov-fact-value{color:#7aa2f7}.ov-fact-label{font-size:12px;opacity:.65}.ov-cta{display:flex;align-items:center;gap:16px;margin-bottom:34px}.ov-primary{font:inherit;font-weight:600;padding:9px 18px;border-radius:7px;border:none;background:#2563eb;color:#fff;cursor:pointer}.ov-primary:hover{background:#1d4ed8}.ov-link{font-size:14px;color:inherit;opacity:.75}.ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:14px;max-width:1180px}.ov-card{display:flex;flex-direction:column;gap:7px;text-align:left;font:inherit;padding:15px 16px 14px;border:1px solid #dde2eb;border-radius:9px;background:#fff;cursor:pointer;transition:border-color .12s,transform .12s}.ov-card:hover{border-color:#2563eb;transform:translateY(-1px)}body.demo-dark .ov-card{background:#1b1f27;border-color:#333a47}body.demo-dark .ov-card:hover{border-color:#7aa2f7}.ov-card-title{font-weight:650;font-size:15px}.ov-card-blurb{font-size:13px;line-height:1.5;opacity:.75}.ov-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.ov-tag{font-size:11px;padding:2px 7px;border-radius:20px;background:#2563eb1a;color:#2563eb}body.demo-dark .ov-tag{background:#7aa2f726;color:#7aa2f7}.ov-footer{margin-top:30px;font-size:13px;opacity:.7;max-width:860px}.ov-footer a{color:inherit}