:root{--bg: #f6f6f8;--card: #ffffff;--ink: #1c1b19;--muted: #6b6862;--rule: #e6e4ec;--accent: #1f5c4d;--accent-ink: #fff;--pink: #dc58c0;--was: #9a3b8c;--now: #1f5c4d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}.center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.muted{color:var(--muted)}.error{color:#b3261e;margin:.75rem 0 0}.success{color:var(--accent);margin:.75rem 0 0;font-weight:500}.card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1.6rem}h1{font-size:1.4rem;margin:0 0 .4rem;letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 1rem}input,select{width:100%;font:inherit;padding:.7rem .9rem;border:1px solid var(--rule);border-radius:8px;margin-top:.9rem;background:#fff;color:var(--ink)}select{width:auto;margin-top:0}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.7rem 1.2rem}button.primary{background:var(--accent);color:var(--accent-ink);width:100%;margin-top:.9rem;font-weight:600}button.primary:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;border-color:var(--rule);color:var(--ink)}button.link{background:none;border:none;color:var(--muted);padding:.4rem}.auth-card{width:min(24rem,100%)}.auth-card .brand{margin-bottom:1.6rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:600}.brand svg{display:block}.brand-small span{font-size:.95rem}.shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:1rem;padding:.9rem 1.4rem;background:#fff;border-bottom:1px solid var(--rule)}.topbar .spacer{flex:1}.topbar .email{font-size:.9rem}.banner{background:linear-gradient(90deg,var(--accent),#2a7f6b);color:#fff;padding:.6rem 1.4rem;font-size:.9rem}.content{max-width:60rem;margin:0 auto;padding:1.6rem 1.4rem}.editor{display:grid;gap:1.4rem}table.diff{width:100%;border-collapse:collapse;margin-bottom:1.4rem}table.diff th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.4rem .6rem;border-bottom:1px solid var(--rule)}table.diff td{padding:.55rem .6rem;border-bottom:1px solid var(--rule)}td.was{color:var(--was);text-decoration:line-through}td.now{color:var(--now);font-weight:600}.previews{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.4rem}@media(max-width:640px){.previews{grid-template-columns:1fr}}.preview{margin:0}.preview figcaption{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.4rem}.preview figcaption{display:flex;align-items:center;justify-content:space-between}.preview iframe{width:100%;height:460px;border:1px solid var(--rule);border-radius:8px;background:#fff}.actions{display:flex;justify-content:flex-end;gap:.8rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.live-link{flex:none;color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem;border:1px solid var(--rule);border-radius:8px;padding:.5rem .9rem;white-space:nowrap}.live-link:hover{background:var(--bg)}.history{list-style:none;margin:1rem 0 0;padding:0}.history li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--rule)}.v-main{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.v-num{font-weight:600}.v-live{background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .45rem;border-radius:999px}.v-meta{font-size:.85rem}.v-actions{display:flex;align-items:center;gap:.4rem;flex:none}button.ghost.small{padding:.4rem .9rem;font-size:.85rem}button.link{color:var(--accent)}