:root{--background:#343333;--surface:#262626;--surface-strong:#2a2a2a;--border:#444444;--primary:#ec2224;--text:#ffffff;--muted:#a3a3a3;--success:#44c74d;--error:#de2a2a}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--text);outline-offset:3px}.shell{width:min(100% - 32px,1080px);margin:0 auto;padding:56px 0 80px}.add-row,.editor-heading,.header,.slides-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.25rem,6vw,4rem);letter-spacing:-.06em}h1,h2{margin-bottom:0}h2{font-size:2rem}h3{margin-bottom:0}.eyebrow{color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.intro{color:var(--muted);max-width:650px;margin:32px 0}.network-state,.ready{border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.8rem;padding:8px 12px}.ready{color:var(--success)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:32px}.screen-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;padding:22px;text-align:left}.screen-card.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.screen-card span,.screen-card strong{display:block}.screen-card strong{margin:8px 0}.screen-card span:last-child{color:var(--muted);font-size:.875rem}.status-dot{background:var(--success);border-radius:50%;height:8px;width:8px}.editor{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:clamp(20px,5vw,40px)}.field{display:grid;grid-gap:6px;gap:6px;font-weight:700;margin:36px 0;max-width:300px}.field span{color:var(--muted);font-size:.8rem;font-weight:400}.add-row input,.field input{background:var(--surface-strong);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:12px}.slides-heading{border-top:1px solid var(--border);padding-top:24px}.empty,.notice,.slides-heading span{color:var(--muted)}.empty{border:1px dashed var(--border);margin:16px 0;padding:20px}.slide-list{list-style:none;margin:16px 0;padding:0}.slide-list li{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0}.slide-list li span{color:var(--muted);min-width:20px}.slide-list li strong{flex:1 1}.text-button{background:none;border:0;color:var(--primary);cursor:pointer}.add-row{justify-content:flex-start}.add-row input{flex:1 1}.primary{background:var(--primary);border:0;border-radius:4px;color:var(--text);cursor:pointer;font-weight:800;padding:12px 16px}.primary:disabled{cursor:not-allowed;opacity:.45}.notice{font-size:.85rem;margin:24px 0 12px}@media (max-width:640px){.shell{width:min(100% - 24px,1080px);padding-top:28px}.header{align-items:flex-start;flex-direction:column}.screen-grid{grid-template-columns:1fr}.add-row{align-items:stretch;flex-direction:column}}