.demo-container[data-astro-cid-soxsnotx]{max-width:1000px;margin:2rem auto;padding:0 1rem}h1[data-astro-cid-soxsnotx]{color:#1e293b;margin-bottom:.5rem}.subtitle[data-astro-cid-soxsnotx]{color:#64748b;margin-bottom:2rem}.demo-grid[data-astro-cid-soxsnotx]{grid-template-columns:1fr 350px;gap:2rem;display:grid}.demo-section[data-astro-cid-soxsnotx]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.demo-section[data-astro-cid-soxsnotx] h2[data-astro-cid-soxsnotx]{color:#334155;border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.125rem}.widget-preview[data-astro-cid-soxsnotx]{background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;min-height:200px;margin-bottom:1rem;padding:1rem;display:flex}.control-group[data-astro-cid-soxsnotx]{margin-bottom:1.25rem}.control-group[data-astro-cid-soxsnotx] label[data-astro-cid-soxsnotx]{color:#475569;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.control-group[data-astro-cid-soxsnotx] select[data-astro-cid-soxsnotx],.control-group[data-astro-cid-soxsnotx] input[data-astro-cid-soxsnotx]{border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.625rem;font-size:.875rem}.btn[data-astro-cid-soxsnotx]{cursor:pointer;border:none;border-radius:6px;width:100%;margin-bottom:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500}.btn-primary[data-astro-cid-soxsnotx]{color:#fff;background:#0284c7}.btn-secondary[data-astro-cid-soxsnotx]{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.user-status[data-astro-cid-soxsnotx]{border-radius:8px;margin-bottom:1rem;padding:1rem}.user-status[data-astro-cid-soxsnotx].logged-in{background:#dcfce7;border:1px solid #86efac}.user-status[data-astro-cid-soxsnotx].logged-out{background:#fef3c7;border:1px solid #fcd34d}.user-status[data-astro-cid-soxsnotx] h3[data-astro-cid-soxsnotx]{margin-bottom:.5rem;font-size:.875rem}.user-status[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{color:#475569;margin:0;font-size:.8rem}.log-output[data-astro-cid-soxsnotx]{background:#1e293b;border-radius:8px;max-height:150px;padding:1rem;font-family:monospace;font-size:.75rem;overflow-y:auto}.log-entry[data-astro-cid-soxsnotx]{color:#94a3b8;margin-bottom:.25rem}.log-entry[data-astro-cid-soxsnotx].success{color:#4ade80}.log-entry[data-astro-cid-soxsnotx].error{color:#f87171}.log-entry[data-astro-cid-soxsnotx].info{color:#60a5fa}.code-block[data-astro-cid-soxsnotx]{background:#1e293b;border-radius:8px;margin:1rem 0;padding:1rem;overflow-x:auto}.code-block[data-astro-cid-soxsnotx] code[data-astro-cid-soxsnotx]{color:#e2e8f0;white-space:pre;font-size:.8rem}.scenario-card[data-astro-cid-soxsnotx]{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;padding:1rem}.scenario-card[data-astro-cid-soxsnotx]:hover,.scenario-card[data-astro-cid-soxsnotx].active{background:#f0f9ff;border-color:#0284c7}.scenario-card[data-astro-cid-soxsnotx] h4[data-astro-cid-soxsnotx]{color:#1e293b;margin-bottom:.25rem;font-size:.875rem}.scenario-card[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{color:#64748b;margin:0;font-size:.75rem}.info-box[data-astro-cid-soxsnotx]{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:1rem;padding:1rem}.info-box[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{color:#0369a1;margin:0;font-size:.875rem}.balance-display[data-astro-cid-soxsnotx]{color:#0284c7;font-size:1.25rem;font-weight:600}.divider[data-astro-cid-soxsnotx]{background:#e2e8f0;height:1px;margin:1rem 0}@media (width<=768px){.demo-grid[data-astro-cid-soxsnotx]{grid-template-columns:1fr}}body:has(.demo-container) main{background:var(--surface-subtle)}.demo-container{max-width:var(--page-width);margin:0 auto;padding:56px 24px 96px}.demo-container>h1{color:var(--ink-950);letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,3.25rem);font-weight:650}.demo-container>h1:before{color:var(--brand-700);content:"DEVELOPER TOOLS";letter-spacing:.1em;margin-bottom:12px;font-size:.68rem;font-weight:750;display:block}.demo-container>.subtitle{color:var(--ink-600);margin-top:10px;margin-bottom:26px;font-size:.92rem}.demo-container>.info-box{border:1px solid var(--brand-200);border-radius:var(--radius-sm);background:var(--brand-50);margin-bottom:18px;padding:14px 16px}.demo-container>.info-box p{color:var(--brand-900);font-size:.76rem;line-height:1.55}.demo-container .demo-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.demo-container .demo-section{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;margin-bottom:18px;padding:20px}.demo-container .demo-section h2{border-color:var(--border);color:var(--ink-950);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.demo-container .demo-section h3,.demo-container .demo-section h4{color:var(--ink-800);font-size:.76rem}.demo-container .widget-preview{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);min-height:230px;color:var(--ink-500);background:#f8fafc;font-size:.76rem}.demo-container .control-group label{color:var(--ink-800);font-size:.72rem;font-weight:650}.demo-container .control-group select,.demo-container .control-group input{border-color:var(--border-strong);border-radius:var(--radius-sm);min-height:42px;color:var(--ink-800)}.demo-container .control-group select:focus,.demo-container .control-group input:focus{border-color:var(--brand-600);outline:0;box-shadow:0 0 0 3px #145bd71f}.demo-container .btn{border-radius:var(--radius-sm);min-height:40px;font-size:.72rem;font-weight:700}.demo-container .btn-primary{background:var(--brand-600)}.demo-container .btn-primary:hover{background:var(--brand-800)}.demo-container .btn-secondary{border-color:var(--border-strong);color:var(--ink-800);background:#fff}.demo-container .user-status{border-radius:var(--radius-sm);padding:13px}.demo-container .user-status.logged-in{background:var(--success-bg);border-color:#9dd6bf}.demo-container .user-status.logged-out{background:var(--warning-bg);border-color:#e5cc82}.demo-container .user-status h3{color:var(--ink-900);font-size:.7rem}.demo-container .user-status p{color:var(--ink-600);font-size:.7rem}.demo-container .scenario-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;margin-bottom:8px;padding:12px}.demo-container .scenario-card:hover,.demo-container .scenario-card.active{border-color:var(--brand-600);background:var(--brand-50)}.demo-container .scenario-card h4{color:var(--ink-900);font-size:.72rem}.demo-container .scenario-card p{color:var(--ink-600);font-size:.66rem;line-height:1.45}.demo-container .log-output,.demo-container .code-block{border-radius:var(--radius-sm);background:var(--code-bg);font-family:var(--font-mono)}.demo-container .log-entry,.demo-container .code-block code{font-size:.68rem}.demo-container .cost-summary{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--ink-600);font-family:var(--font-mono);padding:10px;font-size:.68rem}.demo-container .divider{background:var(--border)}@media (width<=768px){.demo-container{padding:40px 16px 68px}.demo-container .demo-grid{grid-template-columns:1fr}.demo-container .controls{order:-1}}