@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Sora:wght@400;600;700&display=swap";:root{--ink: #0d1726;--paper: #f4f7fa;--panel: #ffffff;--line: #d6e1ee;--accent: #006b8f;--accent-soft: #d8f3ff;--danger: #b02222;--ok: #0f7f46;--shadow: 0 14px 36px rgba(8, 24, 48, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Sora,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,#d0efff 0%,transparent 42%),radial-gradient(circle at 90% 0%,#ffe3d0 0%,transparent 38%),var(--paper)}main{max-width:980px;margin:0 auto;padding:24px}h1{margin:0;font-size:clamp(1.4rem,2vw,2rem)}h2{margin:0;font-size:1rem}p{line-height:1.5}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px}.stack{display:grid;gap:12px}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}label{display:grid;gap:6px;font-size:.9rem}input,select,button,textarea{font-family:inherit;font-size:.95rem;border-radius:10px;border:1px solid #b7c7d9;padding:10px 12px;background:#fff}button{cursor:pointer;background:linear-gradient(135deg,#0a7fa5,#006b8f);color:#fff;border:0;font-weight:600}button.secondary{background:#f0f6fb;color:#0b3b5c;border:1px solid #a5bfd8}a.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:.95rem;background:#f0f6fb;color:#0b3b5c;border:1px solid #a5bfd8}button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px}.status{font-size:.92rem;margin:0}.status.ok{color:var(--ok)}.status.error{color:var(--danger)}.mono{font-family:IBM Plex Mono,Menlo,monospace}video.preview{width:100%;max-width:620px;border-radius:14px;border:1px solid var(--line);background:#000}.result-grid{display:grid;gap:10px}.result-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.result-row a,.result-row code{overflow-wrap:anywhere}nav.quick-links{display:flex;flex-wrap:wrap;gap:10px}nav.quick-links a{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid #98b3ce;color:#0f3558;text-decoration:none;background:#eef6ff}.small{font-size:.82rem;color:#344c65}.hidden{display:none!important}.viewer-scene{height:min(62vh,560px);border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0a1018}@media(max-width:640px){main{padding:16px}.panel{padding:14px}}