:root{--bg: #0f1419;--bg-elevated: #1a222c;--bg-soft: #232d3a;--text: #eef2f6;--muted: #9aa8b6;--accent: #3d9bfd;--accent-strong: #1f7fe0;--border: #2e3a48;--danger: #e06b6b;--ok: #5cbc7a;--font: "Segoe UI", "Helvetica Neue", sans-serif;--display: "Segoe UI Semibold", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1d3a55 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#243448 0%,transparent 50%),var(--bg);color:var(--text)}a{color:var(--accent)}button,input,select{font:inherit}.app-shell{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.brand{font-family:var(--display);font-size:1.65rem;letter-spacing:.02em;margin:0}.nav{display:flex;gap:.75rem}.nav button{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:.35rem .15rem;border-bottom:2px solid transparent}.nav button.active{color:var(--text);border-bottom-color:var(--accent)}.meta{color:var(--muted);font-size:.9rem}.panel{background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.35rem;margin-bottom:1rem}.panel h2{margin:0 0 .75rem;font-size:1.15rem}.panel h3{margin:1.25rem 0 .5rem;font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:8px;padding:.55rem .95rem;cursor:pointer;background:var(--accent);color:#041018;font-weight:600}.btn:hover{background:var(--accent-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);background:transparent}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.draft-list{list-style:none;margin:0;padding:0}.draft-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 0;border-top:1px solid var(--border)}.draft-list li:first-child{border-top:0}.draft-title{font-weight:600}.draft-sub{color:var(--muted);font-size:.88rem;margin-top:.15rem}.tech-id{color:var(--muted);font-size:.75rem;font-family:ui-monospace,monospace}.field{margin:.75rem 0}.field label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.9rem}.field select,.choice-row{width:100%;max-width:28rem}.field select{background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem}.choice-row{display:flex;flex-wrap:wrap;gap:.5rem}.choice-row label{display:inline-flex;align-items:center;gap:.35rem;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;cursor:pointer}.readonly-grid{display:grid;gap:.65rem;max-width:28rem}.readonly-grid div{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.error{color:var(--danger);margin:.75rem 0}.ok{color:var(--ok)}.signed-out{min-height:100vh;display:grid;place-items:center;padding:2rem;text-align:center}.signed-out .panel{max-width:32rem}.loading{padding:3rem;text-align:center;color:var(--muted)}.preview-meta-panel,.visual-preview-section{margin-top:1rem}.preview-frame-panel{margin-top:.75rem}.preview-iframe-wrap{width:100%;max-width:28rem;margin-top:.75rem;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#0b0d10}.preview-iframe-portrait{aspect-ratio:9 / 16;max-width:22rem}.preview-iframe-landscape{aspect-ratio:16 / 9;max-width:40rem}.preview-iframe{width:100%;height:100%;border:0;display:block;background:#0b0d10}