:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f1f4;--text:#1a1c21;--muted:#646a76;--border:#e1e3e8;--accent:#2f6fed;--accent-text:#fff;--ok:#1d8a4b;--warn:#c26a00;--bad:#cf3131;--info:#2f6fed;--on-tone:#fff;--accent-soft:color-mix(in srgb, var(--accent) 12%, var(--surface));--shadow-sm:0 1px 2px #1018280f;--shadow:0 1px 3px #10182814, 0 4px 12px #1018280f;--shadow-lg:0 12px 32px #1018282e;--radius:10px;--radius-sm:6px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--sidebar-w:228px;--nav-h:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111317;--surface:#1a1d22;--surface-2:#22262d;--text:#e8e9ec;--muted:#9aa0ab;--border:#2c3038;--accent:#6d9bff;--accent-text:#0d1220;--ok:#4cc37f;--warn:#e9a23b;--bad:#ff6b6b;--info:#6d9bff;--on-tone:#0d1220;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #0006, 0 4px 12px #0000004d;--shadow-lg:0 12px 32px #00000080}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}h1{letter-spacing:-.01em;margin:0;font-size:22px;line-height:1.25}h2{margin:0;font-size:16px}p{margin:0}a{color:var(--accent)}.icon{flex:none}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:36px;padding:7px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}textarea{min-height:80px}select{max-width:100%}fieldset{min-inline-size:0}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--accent);margin:0}label{gap:var(--s1);font-weight:500;display:grid}label.row{display:flex}button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled){background:var(--surface-2)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm)}a.bookmarklet{border:1px dashed var(--accent);border-radius:var(--radius-sm);cursor:grab;align-items:center;min-height:36px;padding:7px 12px;font-weight:500;text-decoration:none;display:inline-flex}button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, #000)}button.danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 45%, var(--border))}button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--bad) 10%, var(--surface))}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){color:var(--text)}button:disabled{opacity:.5;cursor:default}.btn-group{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.muted{color:var(--muted)}.error{color:var(--bad)}.small{font-size:12px}.stack{gap:var(--s3);display:grid}.row{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);box-shadow:var(--shadow-sm)}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4);box-shadow:var(--shadow-sm);gap:var(--s3);min-width:0;display:grid}.section-head{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.section-head h2{flex:1}.page-head{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.page-head h1{flex:1;min-width:0}.page-head p{flex-basis:100%}.ellipsis{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:280px;display:inline-block;overflow:hidden}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{gap:var(--s4);height:100vh;padding:var(--s4) var(--s3);background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s2);color:var(--text);padding:var(--s1) var(--s2);letter-spacing:-.01em;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:var(--accent);font-size:18px}.nav{gap:2px;display:grid}.nav a{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:10px;padding:8px 10px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.queue-status{gap:var(--s2);padding:var(--s3);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:auto;font-size:13px;display:grid}.queue-status-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:600}.queue-status-counts{gap:var(--s3);flex-wrap:wrap;display:flex}.queue-status-counts>span{align-items:center;gap:6px;display:inline-flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.running{background:var(--info)}.pill{white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.pill.warn{background:var(--warn);color:var(--on-tone)}.user{gap:var(--s1);padding-top:var(--s3);border-top:1px solid var(--border);display:grid}.user-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 var(--s2);font-size:13px;overflow:hidden}.user button{justify-content:flex-start}.page{padding:var(--s5);width:100%;min-width:0;max-width:1400px;margin:0 auto}@media (width<=767px){:root{--nav-h:calc(60px + env(safe-area-inset-bottom))}.shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.sidebar{align-items:center;gap:var(--s2);height:auto;padding:var(--s2) var(--s4);border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap}.nav{padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000d}.nav a{flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;font-size:11px}.nav a[aria-current=page]{background:0 0}.queue-status{align-items:center;gap:var(--s2);background:0 0;margin:0 0 0 auto;padding:0;display:flex}.queue-status-title{display:none}.queue-status-counts{gap:var(--s2);font-size:12px}.user{border:0;padding:0}.user-email{display:none}.queue-status:has(.pill) .queue-status-counts{display:none}.user button{padding:6px 8px}.user button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{padding:var(--s4) var(--s4) calc(var(--nav-h) + var(--s4))}h1{font-size:20px}}.login{min-height:100vh;padding:var(--s4);place-items:center;display:grid}.login-card{width:min(380px,100%);padding:var(--s5);box-shadow:var(--shadow);gap:var(--s4)}.login-head{justify-items:center;gap:var(--s1);text-align:center;margin-bottom:var(--s2);display:grid}.login-head .brand-mark{font-size:32px;line-height:1}.login .brand{justify-self:center}.badge{white-space:nowrap;background:var(--muted);color:var(--on-tone);border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge.running,.badge.cancelling{background:var(--info)}.badge.published,.badge.done{background:var(--ok)}.badge.failed{background:var(--bad)}.badge.paused,.badge.cancelled{background:var(--warn)}.stats{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stats.compact{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.stat{--tone:var(--muted);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);text-align:left;white-space:normal;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;min-height:0;font-weight:400;text-decoration:none;display:flex}.stat.info{--tone:var(--info)}.stat.ok{--tone:var(--ok)}.stat.bad{--tone:var(--bad)}.stat.warn{--tone:var(--warn)}.stat-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.stat-label:before{content:"";background:var(--tone);border-radius:50%;width:8px;height:8px}.stat-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}button.stat:hover:not(:disabled),a.stat:hover{background:var(--surface);border-color:color-mix(in srgb, var(--tone) 50%, var(--border))}.stat[aria-pressed=true],button.stat[aria-pressed=true]:hover{background:color-mix(in srgb, var(--tone) 10%, var(--surface));border-color:var(--tone);box-shadow:0 0 0 1px var(--tone)}.stat[aria-pressed=true] .stat-value{color:var(--tone)}.stepbar{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.stepbar-track{flex:none;grid-template-columns:repeat(8,1fr);gap:2px;width:96px;display:grid}.seg{background:var(--border);border-radius:2px;height:6px}.seg.done{background:var(--accent)}.stepbar-track.published .seg.done{background:var(--ok)}.seg.current{background:var(--info);animation:1.2s ease-in-out infinite pulse}.seg.failed{background:var(--bad)}.seg.paused{background:var(--warn)}.stepbar-text{color:var(--muted);font-size:12px}.stepbar-text.failed{color:var(--bad)}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.seg.current,.tl-dot.running{animation:none}}.toolbar{gap:var(--s3);padding:var(--s3);display:grid}.toolbar-top{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.search{flex:220px;display:block;position:relative}.search .icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search input{padding-left:32px}.filters{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.filters label{color:var(--muted);font-size:12px}.filters select,.filters input{color:var(--text);font-size:14px;font-weight:400}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.segmented button{min-height:30px;color:var(--muted);background:0 0;border:0;padding:4px 12px}.segmented button:hover:not(:disabled){color:var(--text);background:0 0}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.pager{gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.empty{justify-items:center;gap:var(--s2);text-align:center;padding:var(--s6) var(--s4);display:grid}.empty-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);margin-bottom:var(--s1);border-radius:50%;place-items:center;display:grid}.empty p{max-width:380px}.empty button{margin-top:var(--s2)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}.section>.table-wrap{box-shadow:none}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}tbody tr:last-child td{border-bottom:0}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:var(--surface-2);font-size:12px;font-weight:600}tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}tr[aria-selected=true] td,tr[aria-selected=true]:hover td{background:color-mix(in srgb, var(--accent) 10%, transparent)}td .stepbar{margin-top:6px}tr.bad td{color:var(--bad)}tr.dup td{color:var(--warn)}.cards{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.cards .card{align-content:start}.cards .card[aria-selected=true]{outline:2px solid var(--accent)}.bulkbar,.savebar{bottom:calc(var(--nav-h) + var(--s2));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s2) var(--s3);box-shadow:var(--shadow-lg);z-index:5;position:sticky}@media (width<=600px){.bulkbar{box-shadow:var(--shadow-sm);position:static}}.detail-head{gap:var(--s3);display:grid}.detail-title{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.link-row{gap:var(--s2) var(--s4);flex-wrap:wrap;align-items:center;display:flex}.link-row a{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.link-row a:hover{text-decoration:underline}.attempt{gap:var(--s2);display:grid}.attempt+.attempt{padding-top:var(--s3);border-top:1px solid var(--border)}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{gap:var(--s3);padding-bottom:var(--s3);align-items:flex-start;display:flex;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline li.done:not(:last-child):before{background:color-mix(in srgb, var(--ok) 45%, var(--border))}.tl-dot{width:24px;height:24px;color:var(--on-tone);background:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.tl-dot.done{background:var(--ok)}.tl-dot.failed{background:var(--bad)}.tl-dot.running{background:var(--info);box-shadow:0 0 0 0 color-mix(in srgb, var(--info) 50%, transparent);animation:1.6s ease-out infinite ring}.tl-dot.running:after{content:"";background:var(--on-tone);border-radius:50%;width:8px;height:8px}.tl-body{gap:2px;min-width:0;padding-top:2px;display:grid}.tl-body .muted{font-size:13px}@keyframes ring{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.image-list{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}details{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--s2) var(--s3)}details summary{cursor:pointer;font-weight:500}details[open] summary{margin-bottom:var(--s2)}pre.chapter{white-space:pre-wrap;margin:0;font-family:inherit}.dialog-backdrop{padding:var(--s4);z-index:30;background:#0a0c1080;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius);padding:var(--s5);width:min(760px,100%);max-height:90vh;box-shadow:var(--shadow-lg);overflow:auto}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--s3);gap:4px;display:flex}.tabs button{background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);font-weight:600}.queue-toggle{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.queue-toggle>div{flex:200px;gap:2px;display:grid}.queue-toggle button{min-height:48px;padding:10px 20px;font-size:15px}.queue-toggle.paused{border-color:color-mix(in srgb, var(--warn) 50%, var(--border));background:color-mix(in srgb, var(--warn) 6%, var(--surface))}.grid-2{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.inline-field{gap:var(--s2);flex-wrap:wrap;align-items:flex-end;display:flex}.inline-field label{flex:160px}.add-form{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;display:grid}.add-form button{align-self:end}td input:not([type=checkbox]){min-width:100px}