:root{--bg: #041018;--elev: #0b1c26;--line: rgba(94, 234, 255, .16);--text: #e8fbff;--muted: #7fa3b0;--cyan: #5eeaff;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}body{width:340px;min-height:480px}.beam-app{min-height:480px;padding-bottom:14px;background:radial-gradient(420px 220px at 100% 0%,rgba(94,234,255,.16),transparent 55%),var(--bg)}.beam-header{padding:14px 14px 8px}.beam-header h1{margin:0;font-family:var(--display);font-size:1.3rem;font-weight:800;letter-spacing:-.03em}.beam-header p{margin:2px 0 0;color:var(--muted);font-size:.75rem}.tabs{display:flex;gap:6px;padding:0 14px 10px}.tab{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:6px 10px;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.tab.active{background:#5eeaff24;color:var(--cyan);border-color:#5eeaff66}.field{padding:0 14px 8px}.field label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:4px}.field textarea,.field input,.field select{width:100%;border-radius:10px;border:1px solid var(--line);background:#00000047;color:var(--text);font:inherit;padding:9px 10px;outline:none}.field textarea{min-height:72px;resize:vertical}.preview{margin:8px 14px;padding:14px;border-radius:16px;background:var(--elev);border:1px solid var(--line);display:grid;place-items:center;min-height:200px}.preview img{width:220px;height:220px;border-radius:8px;background:#fff}.preview .empty{color:var(--muted);font-size:.8rem;text-align:center}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px}.actions{display:flex;gap:8px;padding:10px 14px 0}.btn{appearance:none;border:1px solid var(--line);background:var(--elev);color:var(--text);border-radius:11px;padding:10px 12px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;flex:1}.btn.primary{background:var(--cyan);color:#042028;border-color:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.error{margin:8px 14px 0;padding:8px 10px;border-radius:10px;background:#ff6e641f;color:#ffb2aa;font-size:.75rem}