:root{--bg:#f4efe7;--paper:#fffaf4e0;--ink:#17202b;--muted:#58606c;--accent:#c74f2a;--accent-dark:#9f3d20;--line:#17202b1f;--shadow:0 24px 60px #3e26111f}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #c74f2a2e, transparent 34%), radial-gradient(circle at top right, #17202b1f, transparent 28%), var(--bg)}body{color:var(--ink);min-height:100vh;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}a{color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:56px 0 72px}.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:var(--paper);border:1px solid var(--line);width:min(480px,100%);box-shadow:var(--shadow);border-radius:24px;padding:28px}.hero{margin-bottom:28px}.heroBar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font:600 .8rem/1.1 Avenir Next,Trebuchet MS,sans-serif}.hero h1{max-width:13ch;margin:0;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.92}.lede{max-width:70ch;color:var(--muted);margin-top:18px;font-size:1.08rem;line-height:1.6}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-column:span 4;padding:22px}.card.wide{grid-column:span 8}.card h2,.card h3{margin-top:0}.muted,.small{color:var(--muted)}.small{font-size:.92rem;line-height:1.5}.buttonRow{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.inlineNote{margin:0}button,.bookmarklet{background:var(--accent);color:#fff8f1;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex}button:hover,.bookmarklet:hover{background:var(--accent-dark);transform:translateY(-1px)}button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button:disabled,.bookmarklet.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sessionId{margin:16px 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem}.stats{gap:24px;margin:18px 0 0;display:flex}.stats dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.stats dd{margin:4px 0 0;font-size:1.1rem}.previewBlock{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.previewBlock pre{white-space:pre-wrap;font-family:SFMono-Regular,Consolas,monospace;font-size:.95rem;line-height:1.6}.formGrid{gap:14px;margin-bottom:16px;display:grid}.formGrid label{gap:8px;font-weight:600;display:grid}.formGrid input,.stackLabel select,.formGrid textarea{border:1px solid var(--line);background:#fff9;border-radius:16px;width:100%;padding:12px 14px}.stackLabel{gap:8px;margin-top:16px;font-weight:600;display:grid}.error{color:#b42318}.urlList{gap:8px;max-height:360px;display:grid;overflow:auto}.urlList a{word-break:break-word;color:var(--accent-dark)}code{font-family:SFMono-Regular,Consolas,monospace}@media (max-width:980px){.heroBar{flex-direction:column}.card,.card.wide{grid-column:1/-1}}