:root{--color-bg:#fbfcfd;--color-surface:#fff;--color-surface-raised:#f3f7fa;--color-border:#dce5ed;--color-border-strong:#b9c7d6;--color-text:#0f2942;--color-text-muted:#56697d;--color-accent:#0f766e;--color-accent-hover:#115e59;--color-accent-fg:#fff;--color-accent-subtle:#e6f4f2;--color-success:#166534;--color-success-subtle:#e8f6ed;--color-warning:#a16207;--color-warning-subtle:#fdf5e3;--color-danger:#b91c1c;--color-danger-subtle:#fdeceb;--color-info:#1d4ed8;--color-info-subtle:#e8eefc;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--shadow-1:0 1px 2px rgba(15,41,66,.06),0 1px 3px rgba(15,41,66,.08);--shadow-2:0 4px 12px rgba(15,41,66,.08),0 2px 4px rgba(15,41,66,.04);--shadow-3:0 12px 32px rgba(15,41,66,.12);--transition:150ms cubic-bezier(0.4,0,0.2,1);--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--container:960px;--container-wide:1200px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0b1620;--color-surface:#12202d;--color-surface-raised:#1a2c3c;--color-border:#24384b;--color-border-strong:#3a5169;--color-text:#e8eef4;--color-text-muted:#94a8ba;--color-accent:#2dd4bf;--color-accent-hover:#5eead4;--color-accent-fg:#04231e;--color-accent-subtle:#10312f;--color-success:#4ade80;--color-success-subtle:#10281a;--color-warning:#fbbf24;--color-warning-subtle:#2b2110;--color-danger:#f87171;--color-danger-subtle:#2c1414;--color-info:#93b4fd;--color-info-subtle:#141f36;--shadow-1:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.24);--shadow-2:0 4px 12px rgba(0,0,0,.36),0 2px 4px rgba(0,0,0,.24);--shadow-3:0 12px 32px rgba(0,0,0,.48)}}[data-theme=dark]{--color-bg:#0b1620;--color-surface:#12202d;--color-surface-raised:#1a2c3c;--color-border:#24384b;--color-border-strong:#3a5169;--color-text:#e8eef4;--color-text-muted:#94a8ba;--color-accent:#2dd4bf;--color-accent-hover:#5eead4;--color-accent-fg:#04231e;--color-accent-subtle:#10312f;--color-success:#4ade80;--color-success-subtle:#10281a;--color-warning:#fbbf24;--color-warning-subtle:#2b2110;--color-danger:#f87171;--color-danger-subtle:#2c1414;--color-info:#93b4fd;--color-info-subtle:#141f36;--shadow-1:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.24);--shadow-2:0 4px 12px rgba(0,0,0,.36),0 2px 4px rgba(0,0,0,.24);--shadow-3:0 12px 32px rgba(0,0,0,.48)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.011em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}p{margin:0}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:2px}code,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .35em}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:var(--container);margin:0 auto;padding:var(--space-6) var(--space-5);flex:1 1}.container--wide{max-width:var(--container-wide)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--lg{gap:var(--space-6)}.stack--sm{gap:var(--space-2)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.row--tight{gap:var(--space-2)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:start}@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}.grow{flex:1 1 auto;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.brand__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-fg);font-size:var(--text-sm)}.topbar nav{display:flex;gap:var(--space-1);flex-wrap:wrap;flex:1 1}.topbar nav a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition),background var(--transition)}.topbar nav a:hover{color:var(--color-text);background:var(--color-surface-raised)}.topbar nav a[aria-current=page]{color:var(--color-accent);background:var(--color-accent-subtle)}.btn{--btn-bg:var(--color-accent);--btn-fg:var(--color-accent-fg);--btn-border:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem var(--space-4);min-height:38px;border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btn:hover:not(:disabled){--btn-bg:var(--color-accent-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{--btn-bg:var(--color-surface);--btn-fg:var(--color-text);--btn-border:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){--btn-bg:var(--color-surface-raised)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--color-text-muted);--btn-border:transparent}.btn--ghost:hover:not(:disabled){--btn-bg:var(--color-surface-raised);--btn-fg:var(--color-text)}.btn--danger{--btn-bg:var(--color-danger);--btn-fg:#fff}.btn--danger:hover:not(:disabled){--btn-bg:color-mix(in srgb,var(--color-danger) 85%,#000)}.btn--sm{padding:.35rem var(--space-3);min-height:30px;font-size:var(--text-xs)}.btn--lg{padding:.75rem var(--space-5);min-height:46px;font-size:var(--text-base)}.btn--block{width:100%}.btn__spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite;flex:none}@keyframes spin{to{transform:rotate(1turn)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.card--flush{padding:0;overflow:hidden}.card--interactive{transition:box-shadow var(--transition),border-color var(--transition)}.card--interactive:hover{box-shadow:var(--shadow-2);border-color:var(--color-border-strong)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card__title{font-size:var(--text-lg)}.card__body{gap:var(--space-3)}.card__body,.field{display:flex;flex-direction:column}.field{gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}input[type=datetime-local],input[type=email],input[type=file],input[type=text],select,textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-sm);padding:.55rem var(--space-3);font:inherit;font-size:var(--text-sm);transition:border-color var(--transition),box-shadow var(--transition)}input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-accent)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}textarea{min-height:150px;resize:vertical;line-height:var(--leading-relaxed);font-size:var(--text-base)}input[type=file]{padding:var(--space-3);cursor:pointer}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;white-space:nowrap;border:1px solid transparent}.pill--draft{background:var(--color-surface-raised);color:var(--color-text-muted);border-color:var(--color-border)}.pill--approved,.pill--scheduled{background:var(--color-info-subtle);color:var(--color-info)}.pill--publishing{background:var(--color-warning-subtle);color:var(--color-warning)}.pill--published{background:var(--color-success-subtle);color:var(--color-success)}.pill--failed{background:var(--color-danger-subtle);color:var(--color-danger)}.pill--neutral{background:var(--color-surface-raised);color:var(--color-text-muted);border-color:var(--color-border)}.pill--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm)}.notice--success{background:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success)}.notice--error{background:var(--color-danger-subtle);border-color:var(--color-danger);color:var(--color-danger)}.notice--warning{background:var(--color-warning-subtle);border-color:var(--color-warning);color:var(--color-warning)}.notice--info{background:var(--color-info-subtle);border-color:var(--color-info);color:var(--color-info)}.muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.error{color:var(--color-danger)}.success{color:var(--color-success)}.hint{color:var(--color-text-muted)}.badge,.hint{font-size:var(--text-xs)}.badge{display:inline-block;padding:.15rem var(--space-2);border-radius:var(--radius-sm);font-weight:var(--weight-medium)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface)}.empty__icon{font-size:var(--text-3xl);line-height:1}.empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.empty__body{color:var(--color-text-muted);max-width:42ch;font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg,var(--color-surface-raised) 25%,var(--color-border) 37%,var(--color-surface-raised) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:rgba(6,18,28,.55);animation:fade-in .12s ease}.modal{width:100%;max-width:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);animation:pop-in .14s cubic-bezier(.2,0,.2,1.2)}.modal__title{font-size:var(--text-lg)}.modal__body{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-3)}.modal__preview{background:var(--color-surface-raised);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;max-height:160px;overflow-y:auto}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.toast-region{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:60;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(380px,calc(100vw - 2 * var(--space-5)))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid;background:var(--color-surface);box-shadow:var(--shadow-2);font-size:var(--text-sm);animation:slide-in .16s ease}.toast--success{border-color:var(--color-success);color:var(--color-success)}.toast--error{border-color:var(--color-danger);color:var(--color-danger)}.toast--info{border-color:var(--color-border-strong);color:var(--color-text)}.toast__close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:var(--text-base);line-height:1;padding:0}@keyframes slide-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.footer{border-top:1px solid var(--color-border);padding:var(--space-5);margin-top:var(--space-7)}.footer__inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text-muted)}.footer a{color:var(--color-text);font-weight:var(--weight-medium)}.sr-only{position:absolute;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.divider,.sr-only{height:1px;border:0}.divider{background:var(--color-border);margin:var(--space-4) 0}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:color var(--transition),border-color var(--transition)}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media (max-width:640px){:root{--text-3xl:1.875rem;--text-4xl:2.25rem}.container{padding:var(--space-5) var(--space-4)}.topbar{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.topbar nav{width:100%;overflow-x:auto}.card{padding:var(--space-4);border-radius:var(--radius-md)}.toast-region{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:none}}