:root{font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif;color:#e5e7eb;background-color:#0b0f14}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 10% 10%,#1e293b,#0b0f14 55%,#020617)}button{font:inherit}.viewer-grid{display:grid;gap:1px;background:#0f172a;height:100%}.viewport-cell{position:relative;background:#020617;border:1px solid #1f2937}.toolbar{display:flex;gap:8px;padding:8px 12px;background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:12px}.toolbar button{padding:6px 12px;background:#1e293b99;color:#e2e8f0;border:1px solid rgba(148,163,184,.2);border-radius:8px;cursor:pointer}.toolbar button.active{background:#38bdf8;color:#0f172a;border-color:#38bdf8}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#e2e8f0}.card{background:#0f172ad9;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:12px}