.badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);line-height:1;display:inline-flex}.badge__dot{border-radius:var(--radius-full);background:currentColor;width:7px;height:7px}.badge--success{color:var(--color-success);background:var(--color-success-bg)}.badge--warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge--danger{color:var(--color-danger);background:var(--color-danger-bg)}.badge--accent{color:var(--color-accent);background:var(--color-accent-bg)}.badge--neutral{color:var(--color-text-muted);background:var(--color-surface-hover)}.button{justify-content:center;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button--sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.button--md{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.button--primary{background:var(--color-accent);color:var(--color-bg)}.button--primary:hover:not(:disabled){background:var(--color-accent-strong)}.button--ghost{color:var(--color-text-muted);border:1px solid var(--color-border-strong);background:0 0}.button--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.button--danger{background:var(--color-danger-bg);color:var(--color-danger)}.button--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-bg)}.button__spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:.9em;height:.9em;animation:.7s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card--raised{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.checkbox{gap:var(--space-1);flex-direction:column;display:flex}.checkbox__row{align-items:center;gap:var(--space-2);display:flex}.checkbox__input{width:var(--space-4);height:var(--space-4);accent-color:var(--color-accent);cursor:pointer}.checkbox__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer}.checkbox__hint{font-size:var(--text-xs);color:var(--color-text-faint)}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);text-align:center;flex-direction:column;display:flex}.empty-state__title{font-size:var(--text-lg);color:var(--color-text)}.empty-state__description{max-width:32rem;font-size:var(--text-sm);color:var(--color-text-muted)}.empty-state__description a{color:var(--color-accent)}.empty-state__description a:hover{color:var(--color-accent-strong)}.empty-state__action{margin-top:var(--space-3)}.menu{isolation:isolate;position:relative}.menu__trigger{width:var(--space-6);height:var(--space-6);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.menu__trigger:hover{color:var(--color-text);background:var(--color-surface-hover)}.menu__trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.menu__icon{width:var(--space-4);height:var(--space-4);display:block}.menu__list{top:calc(100% + var(--space-1));z-index:1;min-width:9rem;padding:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;right:0}.menu__item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);text-align:left;white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none}.menu__item:hover{background:var(--color-surface-hover)}.menu__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.menu__item--danger{color:var(--color-danger)}.modal{width:min(26rem, 100vw - var(--space-6));color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:auto;padding:0}.modal--lg{width:min(52rem, 100vw - var(--space-6))}.modal[open]{animation:modal-in var(--duration-normal) var(--ease-out)}.modal::backdrop{background:var(--color-overlay,#0009)}.modal__content{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.modal__title{font-size:var(--text-lg)}.modal__close{width:2rem;height:2rem;font-size:var(--text-xl);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;line-height:1;display:flex}.modal__close:hover{color:var(--color-text);background:var(--color-surface-hover)}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.select__input{font:inherit;color:var(--color-text);cursor:pointer;appearance:none;padding-right:var(--space-6);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right var(--space-3) center, calc(100% - var(--space-3) + 5px) center;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.select__input option{background:var(--color-surface);color:var(--color-text)}.select__input:disabled{cursor:not-allowed;color:var(--color-text-faint)}.spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:.7s linear infinite spinner-spin;display:inline-block}.spinner--sm{width:1rem;height:1rem}.spinner--md{width:1.5rem;height:1.5rem}.spinner--lg{border-width:3px;width:2.5rem;height:2.5rem}@keyframes spinner-spin{to{transform:rotate(360deg)}}.text-field{gap:var(--space-1);flex-direction:column;display:flex}.text-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.text-field__input{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out)}.text-field__input::placeholder{color:var(--color-text-faint)}.text-field__input:focus{border-color:var(--color-accent);outline:none}.text-field__message{font-size:var(--text-xs);color:var(--color-text-faint)}.text-field--error .text-field__input{border-color:var(--color-danger)}.text-field--error .text-field__message{color:var(--color-danger)}.text-area__input{min-height:calc(var(--space-8) * 2);resize:vertical;font:inherit;line-height:var(--leading-normal);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.text-area__input::-webkit-scrollbar{width:8px}.text-area__input::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}.text-area__input::-webkit-scrollbar-track{background:0 0}.app-shell{min-height:100vh}.app-shell__header{z-index:20;border-bottom:1px solid var(--color-border);background:var(--color-surface);transition:transform var(--duration-slow) var(--ease-out);position:sticky;top:0}.app-shell__header--hidden{transform:translateY(-100%)}.app-shell__header-inner{align-items:center;gap:var(--space-5);max-width:var(--container-max);padding:var(--space-4) var(--space-5);margin:0 auto;display:flex}@media (width<=767px){.app-shell__header-inner{gap:var(--space-3);padding:var(--space-3) var(--space-4)}}.app-shell__brand{font-size:var(--text-lg);letter-spacing:.02em;white-space:nowrap;color:var(--color-text-muted)}.app-shell__brand strong{color:var(--color-text);font-weight:var(--weight-bold)}.app-shell__menu-toggle{display:none}@media (width<=767px){.app-shell__menu-toggle{width:var(--space-6);height:var(--space-6);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;margin-left:auto;display:flex}.app-shell__menu-toggle:hover{color:var(--color-text);background:var(--color-surface-hover)}}.app-shell__menu-toggle svg{width:var(--space-5);height:var(--space-5);display:block}.app-shell__collapse{display:contents}@media (width<=767px){.app-shell__collapse{z-index:10;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);visibility:hidden;opacity:0;transform:translateY(calc(var(--space-2) * -1));transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out), visibility var(--duration-slow);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.app-shell__collapse--open{visibility:visible;opacity:1;transform:none}}.app-shell__nav{align-items:center;gap:var(--space-2);display:flex}@media (width<=767px){.app-shell__nav{align-items:stretch;gap:var(--space-1);flex-direction:column}}.app-shell__nav-link{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.app-shell__nav-link:hover{color:var(--color-text)}.app-shell__nav-link--active{color:var(--color-text);background:var(--color-surface-hover)}@media (width<=767px){.app-shell__nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-base)}}.app-shell__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}@media (width<=767px){.app-shell__actions{padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;margin-left:0}.app-shell__actions .button{flex-shrink:0}}.app-shell__user{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden}@media (width<=767px){.app-shell__user{min-width:0;max-width:none}}.app-shell__main{max-width:var(--container-max);padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}@media (width<=767px){.app-shell__main{padding:var(--space-5) var(--space-4) var(--space-7)}}.app-shell__main:has(.template-editor){max-width:none}.add-site-form{gap:var(--space-4);flex-direction:column;display:flex}.add-site-form__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.order-flow{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:flex}.order-flow--pending{justify-content:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.order-flow--healthy .order-flow__dot{background:var(--color-success)}.order-flow--misconfigured{border-color:var(--color-warning);background:var(--color-warning-bg)}.order-flow--misconfigured .order-flow__dot{background:var(--color-warning)}.order-flow--misconfigured .order-flow__title{color:var(--color-warning)}.order-flow--broken{border-color:var(--color-danger);background:var(--color-danger-bg)}.order-flow--broken .order-flow__dot{background:var(--color-danger)}.order-flow--broken .order-flow__title{color:var(--color-danger)}.order-flow__body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.order-flow__headline{align-items:center;gap:var(--space-2);display:flex}.order-flow__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.order-flow__title{font-size:var(--text-base)}.order-flow__detail{font-size:var(--text-sm);color:var(--color-text);word-break:break-word}.order-flow__meta{gap:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint);flex-wrap:wrap;display:flex}.order-flow__downtime{color:var(--color-danger);cursor:help;text-underline-offset:.2em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.order-flow__stale{color:var(--color-warning)}.order-flow .button{flex-shrink:0}.edit-site-form{gap:var(--space-4);flex-direction:column;display:flex}.edit-site-form__host{gap:var(--space-1);flex-direction:column;display:flex}.edit-site-form__host code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.edit-site-form__host-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.edit-site-form__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.site-card{gap:var(--space-4);flex-direction:column;display:flex}.site-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.site-card__header-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.site-card__identity{min-width:0}.site-card__name{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-card__host{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);display:inline-block;overflow:hidden}.site-card__host:hover{color:var(--color-accent)}.site-card__stats{gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.site-card__stat dt{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em}.site-card__stat dd{font-size:var(--text-sm);margin-top:var(--space-1)}.site-card__downtime{color:var(--color-danger);cursor:help;text-underline-offset:.2em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.site-card__error{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-danger);padding:var(--space-2) var(--space-3);background:var(--color-danger-bg);border-radius:var(--radius-sm);overflow-wrap:anywhere}.site-card__actions{gap:var(--space-2);margin-top:auto;display:flex}.site-card__confirm{gap:var(--space-4);flex-direction:column;display:flex}.site-card__confirm p{font-size:var(--text-sm);color:var(--color-text-muted)}.site-card__confirm code{font-family:var(--font-mono);color:var(--color-text)}.site-card__confirm-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.dashboard{gap:var(--space-5);flex-direction:column;display:flex}.dashboard__intro{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dashboard__intro .button{flex-shrink:0}.dashboard__title{font-size:var(--text-2xl)}.dashboard__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.dashboard__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.dashboard__grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=768px){.dashboard__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.dashboard__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.content-editor{gap:var(--space-5);flex-direction:column;display:flex}.content-editor__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.content-editor__title{align-items:center;gap:var(--space-2);font-size:var(--text-xl);display:flex}.content-editor__meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.content-editor__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.content-editor__saved{font-size:var(--text-sm);color:var(--color-success,var(--color-text-muted))}.content-editor__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md)}.content-editor__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.content-editor__section{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.content-editor__section-title{padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.content-editor__fields{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.content-editor__fields{grid-template-columns:repeat(2,1fr)}}.content-editor__field{gap:var(--space-1);flex-direction:column;align-self:start;display:flex}.content-editor__field-meta{align-items:center;gap:var(--space-2);min-height:var(--space-5);font-size:var(--text-xs);color:var(--color-text-faint);display:flex}.content-editor__badge{padding:0 var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.03em;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.content-editor__default{color:var(--color-text-faint)}.content-editor__link,.content-editor__reset{font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0}.content-editor__link:hover,.content-editor__reset:hover{color:var(--color-text)}.content-editor__reset{color:var(--color-accent);margin-left:auto}.content-editor__default-modal{gap:var(--space-4);flex-direction:column;display:flex}.content-editor__default-text{max-height:40vh;padding-right:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;overflow-y:auto}.content-editor__default-text::-webkit-scrollbar{width:8px}.content-editor__default-text::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}.content-editor__default-text::-webkit-scrollbar-track{background:0 0}.content-editor__default-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.content-page{gap:var(--space-5);flex-direction:column;display:flex}.content-page__title{font-size:var(--text-2xl)}.content-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.content-page__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.content-page__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.content-page__layout{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.content-page__layout{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:start}}.content-page__sites{gap:var(--space-1);flex-direction:column;display:flex}.content-page__site{gap:var(--space-1);padding:var(--space-3) var(--space-4);text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;display:flex}.content-page__site:hover{background:var(--color-surface)}.content-page__site--active{background:var(--color-surface);border-color:var(--color-border)}.content-page__site-name{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);display:flex}.content-page__site-count{font-size:var(--text-xs);color:var(--color-text-faint)}.blog-setup-form{gap:var(--space-4);flex-direction:column;display:flex}.blog-setup-form__host{gap:var(--space-1);flex-direction:column;display:flex}.blog-setup-form__host code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.blog-setup-form__host-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.blog-setup-form__warning{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-warning);background:var(--color-warning-bg);font-size:var(--text-sm);line-height:var(--leading-normal)}.blog-setup-form__warning code{font-family:var(--font-mono)}.blog-setup-form__actions{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.blog-setup-form__confirm{gap:var(--space-2);margin-left:auto;display:flex}.media-library{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.media-library__bar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.media-library__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.media-library__input{display:none}.media-library__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-danger);background:var(--color-danger-bg);font-size:var(--text-sm)}.media-library__loading{padding:var(--space-7);justify-content:center;align-items:center;display:flex}.media-library__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));max-height:60vh;display:grid;overflow-y:auto}.media-library__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.media-library__thumb:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.media-library__thumb{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--color-surface-hover);cursor:pointer;border:none;width:100%;padding:0;display:block;overflow:hidden}.media-library__thumb img{object-fit:cover;width:100%;height:100%}.media-library__placeholder{width:100%;height:100%;display:block}.media-library__meta{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.media-library__name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--color-text);overflow:hidden}.media-library__size{font-size:var(--text-xs);color:var(--color-text-faint)}.media-library__actions{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.media-library__delete:hover{color:var(--color-danger)}.post-editor{gap:var(--space-4);flex-direction:column;display:flex}.post-editor__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.post-editor__heading{align-items:center;gap:var(--space-3);display:flex}.post-editor__title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.post-editor__actions{align-items:center;gap:var(--space-2);display:flex}.post-editor__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-danger);background:var(--color-danger-bg);color:var(--color-text);font-size:var(--text-sm)}.post-editor__grid{gap:var(--space-4);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=1024px){.post-editor__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.post-editor__pane{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.post-editor__pane--preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:0;padding:0;overflow:hidden}@media (width>=1024px){.post-editor__pane--preview{top:var(--space-4);max-height:calc(100vh - var(--space-7));position:sticky}}.post-editor__body{position:relative}.post-editor__body .text-field__label{min-height:var(--space-6);align-items:center;display:flex}.post-editor__insert{height:var(--space-6);position:absolute;top:0;right:0}.post-editor__cover{align-items:flex-start;gap:var(--space-4);display:flex}.post-editor__cover-preview{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-hover);flex:none;justify-content:center;align-items:center;width:8rem;display:flex;overflow:hidden}.post-editor__cover-preview img{object-fit:cover;width:100%;height:100%}.post-editor__cover-empty{font-size:var(--text-xs);color:var(--color-text-faint)}.post-editor__cover-field{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.post-editor__cover-actions{gap:var(--space-2);display:flex}.post-editor__markdown .text-area__input{min-height:24rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical}.post-editor__details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.post-editor__summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.post-editor__summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.post-editor__summary:hover{color:var(--color-text)}.post-editor__fields{gap:var(--space-4);padding-top:var(--space-4);flex-direction:column;display:flex}.post-editor__preview-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);justify-content:space-between;align-items:center;display:flex}.post-editor__preview{padding:var(--space-5);overflow-y:auto}.post-editor__preview-cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-4)}.post-editor__preview-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.post-editor__preview-body{color:var(--color-text);line-height:var(--leading-normal)}.post-editor__preview-body>*+*{margin-top:var(--space-4)}.post-editor__preview-body h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.post-editor__preview-body h3,.post-editor__preview-body h4,.post-editor__preview-body h5,.post-editor__preview-body h6{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.post-editor__preview-body a{color:var(--color-accent)}.post-editor__preview-body ul,.post-editor__preview-body ol{padding-left:var(--space-5)}.post-editor__preview-body ul li+li,.post-editor__preview-body ol li+li{margin-top:var(--space-2)}.post-editor__preview-body blockquote{padding-left:var(--space-4);border-left:2px solid var(--color-border-strong);color:var(--color-text-muted)}.post-editor__preview-body code{font-family:var(--font-mono);font-size:var(--text-sm);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-hover)}.post-editor__preview-body pre{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-hover);overflow-x:auto}.post-editor__preview-body pre code{background:0 0;padding:0}.post-editor__preview-body img{border-radius:var(--radius-md);max-width:100%;height:auto}.post-editor__preview-body table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.post-editor__preview-body table th,.post-editor__preview-body table td{padding:var(--space-2);border:1px solid var(--color-border);text-align:left}.post-editor__preview-body hr{border:none;border-top:1px solid var(--color-border)}.post-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-list__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;gap:var(--space-4);padding:var(--space-4);display:flex}@media (width<=767px){.post-list__item{gap:var(--space-3);flex-direction:column}}.post-list__body{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.post-list__headline{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.post-list__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.post-list__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-list__meta{align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint);flex-wrap:wrap;display:flex}.post-list__slug{font-family:var(--font-mono);color:var(--color-text-muted)}.post-list__tag{padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-muted)}.post-list__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.post-list__view:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.post-list__view{font-size:var(--text-sm);color:var(--color-accent);padding:0 var(--space-2);text-decoration:none}.post-list__view:hover{color:var(--color-accent-strong);text-decoration:underline}.sync-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:flex}.sync-banner__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-text-faint);flex-shrink:0}.sync-banner__message{min-width:0;font-size:var(--text-sm);color:var(--color-text);word-break:break-word;flex:1}.sync-banner--success .sync-banner__dot{background:var(--color-success)}.sync-banner--warning{border-color:var(--color-warning);background:var(--color-warning-bg)}.sync-banner--warning .sync-banner__dot{background:var(--color-warning)}.sync-banner--danger{border-color:var(--color-danger);background:var(--color-danger-bg)}.sync-banner--danger .sync-banner__dot{background:var(--color-danger)}.sync-banner .button{flex-shrink:0}.site-blog__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.site-blog__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.site-blog__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.site-blog__link{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;overflow:hidden}.site-blog__link:hover{color:var(--color-accent);text-decoration:underline}.blog-page{gap:var(--space-5);flex-direction:column;display:flex}.blog-page__intro{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.blog-page__title{font-size:var(--text-2xl)}.blog-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.blog-page__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.blog-page__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.blog-page__layout{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.blog-page__layout{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:start}}.blog-page__sites{gap:var(--space-1);flex-direction:column;display:flex}.blog-page__site{gap:var(--space-1);padding:var(--space-3) var(--space-4);text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;display:flex}.blog-page__site:hover{background:var(--color-surface)}.blog-page__site--active{background:var(--color-surface);border-color:var(--color-border)}.blog-page__site-name{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);display:flex}.blog-page__site-count{font-size:var(--text-xs);color:var(--color-text-faint)}.blog-page__main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.block-fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));align-items:start;display:grid}.block-fields>.text-area,.block-fields>.block-fields__list,.block-fields>.block-fields__grid{grid-column:1/-1}.block-fields>.checkbox{margin-top:calc(calc(var(--text-sm) * var(--leading-normal) + var(--space-1)) + var(--space-2) + 1px)}.block-fields__color{align-items:flex-end;gap:var(--space-2);display:flex}.block-fields__color>:first-child{flex:1;min-width:0}.block-fields__swatch{width:calc(var(--space-2) * 2 + var(--text-sm) * var(--leading-normal) + 2px);height:calc(var(--space-2) * 2 + var(--text-sm) * var(--leading-normal) + 2px);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-image:linear-gradient(45deg, var(--color-border) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border) 25%, transparent 25%);background-size:var(--space-2) var(--space-2);flex:none}.block-fields__list,.block-fields__grid{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.block-fields__list-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.block-fields__list-item{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-raised);border-radius:var(--radius-sm);align-items:flex-start;display:flex}.block-fields__list-body{flex:1;min-width:0}.block-fields__list-actions{gap:var(--space-1);flex:none;display:flex}.block-fields__list-actions button{width:var(--space-6);height:var(--space-6);color:var(--color-text-muted);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);background:0 0}.block-fields__list-actions button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.block-fields__list-actions button:disabled{opacity:.4;cursor:not-allowed}.block-fields__grid-row{gap:var(--space-1);display:flex}.block-fields__cell{min-width:0;padding:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1}.block-fields__cell:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-1px}.block-fields__cell-remove{width:var(--space-6);color:var(--color-text-muted);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;flex:none}.block-fields__cell-remove:hover{color:var(--color-danger)}.template-preview{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.template-preview__bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.template-preview__sizes{padding:var(--space-1);gap:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex}.template-preview__size{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0}.template-preview__size:hover{color:var(--color-text)}.template-preview__size--active{color:var(--color-text);background:var(--color-surface)}.template-preview__budget{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.template-preview__budget--warn{color:var(--color-warning)}.template-preview__budget--over{color:var(--color-danger)}.template-preview__budget-bar{background:var(--color-border-strong);border-radius:var(--radius-full);width:80px;height:6px;display:block;overflow:hidden}.template-preview__budget-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out);background:currentColor;display:block}.template-preview__stage{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:center;display:flex;overflow:auto}.template-preview__frame{border-radius:var(--radius-sm);max-width:100%;height:70vh;transition:width var(--duration-normal) var(--ease-out);border:0;display:block}.template-preview__error{padding:var(--space-6);font-size:var(--text-sm);color:var(--color-danger);text-align:center}.template-preview__note{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-faint)}.template-editor{gap:var(--space-4);flex-direction:column;display:flex}.template-editor__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.template-editor__title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.template-editor__description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.template-editor__actions{align-items:center;gap:var(--space-2);display:flex}.template-editor__message{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.template-editor__message--success{color:var(--color-success);background:var(--color-success-bg)}.template-editor__message--danger{color:var(--color-danger);background:var(--color-danger-bg)}.template-editor__issues{gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);font-size:var(--text-sm);color:var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-md);flex-direction:column;display:flex}.template-editor__panes{gap:var(--space-4);grid-template-columns:minmax(20rem,40%) minmax(0,1fr);align-items:start;display:grid}@media (width<=1023px){.template-editor__panes{grid-template-columns:minmax(0,1fr)}}.template-editor__pane{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.template-editor__pane--preview{top:var(--space-4);position:sticky}@media (width<=1023px){.template-editor__pane--preview{position:static}.template-editor__pane--stowed{display:none}}.template-editor__meta{gap:var(--space-3);flex-direction:column;display:flex}.template-editor__section-title{margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold)}.template-editor__hint{margin-bottom:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.template-editor__variables{gap:var(--space-2);flex-direction:column;display:flex}.template-editor__variables li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.template-editor__variables code{padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-bg);border-radius:var(--radius-sm)}.template-editor__variables span{color:var(--color-text-muted)}.template-editor__blocks{flex-direction:column;list-style:none;display:flex}.template-editor__block{padding:2px var(--space-3);border-radius:var(--radius-sm);transition:transform var(--duration-normal) var(--ease-out);position:relative}.template-editor__block--active{background:var(--color-surface-raised)}.template-editor__block--dragging{opacity:.4}.template-editor__block--drop-before:before,.template-editor__block--drop-after:after{content:"";background:var(--color-accent);border-radius:var(--radius-full);height:2px;position:absolute;left:0;right:0}.template-editor__block--drop-before:before{top:-1px}.template-editor__block--drop-after:after{bottom:-1px}.template-editor__block-button{align-items:baseline;gap:var(--space-3);min-width:0;padding:var(--space-2) 0;font:inherit;text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex:1;display:flex}.template-editor__block-button:disabled{cursor:default;opacity:.55}.template-editor__block-button:not(:disabled):hover .template-editor__block-summary{color:var(--color-text)}.template-editor__block-type{min-width:6.5rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);flex-shrink:0}.template-editor__block-summary{min-width:0;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;transition:color var(--duration-fast) var(--ease-out);flex:1;overflow:hidden}.template-editor__fields{gap:var(--space-3);padding:var(--space-2) 0 var(--space-4);flex-direction:column;display:flex}.template-editor__row{display:block}.template-editor__block-head{gap:var(--space-2);align-items:center;display:flex}.template-editor__block-actions{gap:var(--space-1);flex:none;display:flex}.template-editor__block-actions button{width:var(--space-6);height:var(--space-6);font-size:var(--text-sm);color:var(--color-text-faint);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;line-height:1}.template-editor__block-actions button:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border)}.template-editor__block-actions button:disabled{opacity:.3;cursor:not-allowed}.template-editor__block-actions button:last-child:hover:not(:disabled){color:var(--color-danger)}.template-editor__content-head{gap:var(--space-3);justify-content:space-between;align-items:center;display:flex}.template-editor__section-head{gap:var(--space-2);padding-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.template-editor__section-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0}.template-editor__section-name:hover{color:var(--color-text)}.template-editor__disclosure{padding:var(--space-1) 0;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-accent);cursor:pointer;background:0 0;border:0;align-self:flex-start}.template-editor__disclosure:hover{color:var(--color-accent-strong)}.template-editor__notice{padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);background:var(--color-warning-bg);border-radius:var(--radius-md)}.template-editor__palette{gap:var(--space-4);flex-direction:column;display:flex}.template-editor__palette-group{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.template-editor__palette-items{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}.template-editor__palette-items button{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text);text-align:left;cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out)}.template-editor__palette-items button:hover{border-color:var(--color-accent)}.template-editor__source{max-height:22rem;padding:var(--space-3);margin:var(--space-3) 0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:pre;overflow:auto}.template-editor__tabs{gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:none}@media (width<=1023px){.template-editor__tabs{display:flex}}.template-editor__tab{padding:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex:1}.template-editor__tab--active{color:var(--color-text);background:var(--color-surface-raised)}.template-editor__grip{width:var(--space-6);height:var(--space-6);color:var(--color-text-faint);cursor:grab;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.template-editor__grip:hover{color:var(--color-text);border-color:var(--color-border)}.template-editor__grip:active{cursor:grabbing}.template-editor__grip:focus-visible{color:var(--color-text);outline:2px solid var(--color-focus-ring);outline-offset:1px}.template-editor__band{padding-top:var(--space-2);margin-top:var(--space-4);border-top:1px solid var(--color-border)}.template-editor__band--dragging{opacity:.4}.template-editor__band--drop{border-top-color:var(--color-accent);box-shadow:inset 0 2px 0 -1px var(--color-accent)}.template-editor__tail{padding:var(--space-1) 0;border-radius:var(--radius-sm);transition:transform var(--duration-normal) var(--ease-out)}.template-editor__tail--armed{outline:1px dashed var(--color-border-strong);outline-offset:-1px}.template-editor__tail--over{background:var(--color-surface-hover);outline-color:var(--color-accent)}.template-editor__add{width:100%;padding:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);text-align:left;cursor:pointer;background:0 0;border:0}.template-editor__add:hover{color:var(--color-accent)}.template-editor__ghost{padding:var(--space-2) 0;background:var(--color-surface-raised);border:1px solid var(--color-accent);border-radius:var(--radius-md);list-style:none;position:fixed;top:0;left:-200vw}.template-editor__ghost li{list-style:none}.template-editor__paste{gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);flex-direction:column;display:flex}.template-editor__paste ol{gap:var(--space-2);padding-left:var(--space-5);flex-direction:column;display:flex}.template-editor__paste code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text)}.template-editor__paste strong{color:var(--color-text)}.template-editor__copy{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.template-editor__copy-note{font-size:var(--text-sm);color:var(--color-success)}.template-editor__copy-note--failed{color:var(--color-danger)}.site-templates{gap:var(--space-4);flex-direction:column;display:flex}.site-templates__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-templates__title{margin-top:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.site-templates__key{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.site-templates__status{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);display:flex}.site-templates__status--success{color:var(--color-success);background:var(--color-success-bg)}.site-templates__status--warning{color:var(--color-warning);background:var(--color-warning-bg)}.site-templates__status--danger{color:var(--color-danger);background:var(--color-danger-bg)}.site-templates__status--neutral{color:var(--color-text-muted);background:var(--color-surface-raised)}.site-templates__section-title{margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold)}.site-templates__hint{margin-bottom:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.site-templates__list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.site-templates__row{justify-content:space-between;align-items:center;gap:var(--space-4);align-items:flex-start;display:flex}.site-templates__row-main{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.site-templates__row-main h3{font-size:var(--text-base);font-weight:var(--weight-medium)}.site-templates__row-main p{font-size:var(--text-sm);color:var(--color-text-muted)}.site-templates__row-heading{align-items:center;gap:var(--space-2);display:flex}.site-templates__row-vars{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)!important}.email-templates-page{gap:var(--space-5);flex-direction:column;display:flex}.email-templates-page__intro{gap:var(--space-2);flex-direction:column;display:flex}.email-templates-page__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.email-templates-page__subtitle{max-width:90ch;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.email-templates-page__error{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);display:flex}.email-templates-page__list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.email-templates-page__row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);display:flex}.email-templates-page__row:hover{border-color:var(--color-border-strong)}.email-templates-page__row:hover .email-templates-page__row-arrow{color:var(--color-text);transform:translate(2px)}.email-templates-page__row:focus-visible:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.email-templates-page__row-main{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.email-templates-page__row-heading{align-items:center;gap:var(--space-2);display:flex}.email-templates-page__row-heading h2{font-size:var(--text-base);font-weight:var(--weight-medium)}.email-templates-page__row-meta{font-size:var(--text-sm);color:var(--color-text-muted)}.email-templates-page__row-arrow{color:var(--color-text-faint);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-shrink:0}.records-table{gap:var(--space-2);flex-direction:column;display:flex}.records-table__row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}@media (width<=767px){.records-table__row{flex-wrap:wrap}}.records-table__main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.records-table__subject{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium);color:var(--color-text);overflow:hidden}.records-table__addresses{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden}.records-table__context{gap:var(--space-1) var(--space-3);min-width:0;font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.records-table__context-item{align-items:baseline;gap:var(--space-1);overflow-wrap:anywhere;min-width:0;display:inline-flex}.records-table__context-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);white-space:nowrap}.records-table__redirect{font-size:var(--text-sm);color:var(--color-warning)}.records-table__error{font-size:var(--text-sm);color:var(--color-danger)}.records-table__meta{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;flex-shrink:0;display:flex}@media (width<=767px){.records-table__meta{flex-basis:100%;min-width:0}}.records-table__tag{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.records-table__sent-at{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.month-records{gap:var(--space-4);flex-direction:column;display:flex}.month-records__summary{gap:var(--space-1);flex-direction:column;display:flex}.month-records__title{font-size:var(--text-lg)}.month-records__count{font-size:var(--text-sm);color:var(--color-text-muted)}.month-records__filters{gap:var(--space-3);flex-direction:column;display:flex}.month-records__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.month-records__tag{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0}.month-records__tag:hover{color:var(--color-text);background:var(--color-surface)}.month-records__tag--active{color:var(--color-accent-strong);background:var(--color-accent-bg);border-color:var(--color-accent)}.month-records__search{min-width:0}.month-records__legend{gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center;margin:0;display:grid}@media (width<=639px){.month-records__legend{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}}.month-records__legend-term{display:flex}.month-records__legend-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}@media (width<=639px){.month-records__legend-description{margin-bottom:var(--space-2)}}.month-records__truncated{font-size:var(--text-sm);color:var(--color-warning);margin:0}.month-records__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md)}.month-records__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.site-months{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.site-months{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:start}}.site-months__nav{gap:var(--space-1);flex-direction:column;display:flex}.site-months__month{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000}.site-months__month:hover{background:var(--color-surface)}.site-months__month--active{background:var(--color-surface);border-color:var(--color-border)}.site-months__records{min-width:0}.site-months__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md)}.site-months__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.sent-emails-page{gap:var(--space-5);flex-direction:column;display:flex}.sent-emails-page__title{font-size:var(--text-2xl)}.sent-emails-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.sent-emails-page__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.sent-emails-page__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.sent-emails-page__sites{gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.sent-emails-page__site{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:capitalize;border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000}.sent-emails-page__site:hover{color:var(--color-text);background:var(--color-surface)}.sent-emails-page__site--active{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.add-user-form{gap:var(--space-4);flex-direction:column;display:flex}.add-user-form__check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;display:flex}.add-user-form__check input{accent-color:var(--color-accent)}.add-user-form__error{font-size:var(--text-sm);color:var(--color-danger)}.add-user-form__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.users-table{gap:var(--space-2);flex-direction:column;display:flex}.users-table__row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}@media (width<=767px){.users-table__row{flex-wrap:wrap}}.users-table__identity{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.users-table__name{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium);color:var(--color-text);overflow:hidden}.users-table__email{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden}.users-table__tags{gap:var(--space-2);flex-shrink:0;display:flex}.users-table__actions{gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.users-page{gap:var(--space-5);flex-direction:column;display:flex}.users-page__intro{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.users-page__intro .button{flex-shrink:0}.users-page__title{font-size:var(--text-2xl)}.users-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.users-page__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.users-page__loading{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.login{min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.login__card{gap:var(--space-4);flex-direction:column;width:100%;max-width:22rem;display:flex}.login__brand{font-size:var(--text-xl);letter-spacing:.02em;color:var(--color-text-muted)}.login__brand strong{color:var(--color-text);font-weight:var(--weight-bold)}.login__subtitle{margin-top:calc(-1 * var(--space-3));font-size:var(--text-sm);color:var(--color-text-faint)}.login__form{gap:var(--space-4);flex-direction:column;display:flex}.login__error{font-size:var(--text-sm);color:var(--color-danger)}.login__submit{margin-top:var(--space-1);justify-content:center}.auth-gate{min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.auth-gate__notice{text-align:center;max-width:32rem;color:var(--color-text-muted)}.auth-gate__notice h1{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-3)}.auth-gate__notice code{font-family:var(--font-mono);color:var(--color-text)}:root{--gray-0:#fff;--gray-50:#f7f8fa;--gray-100:#eceef2;--gray-200:#d9dce3;--gray-300:#b3b9c6;--gray-400:#8a92a3;--gray-500:#636b7d;--gray-600:#464d5d;--gray-700:#303645;--gray-800:#20242f;--gray-850:#191c25;--gray-900:#12141b;--gray-950:#0b0d12;--blue-300:#8ab8ff;--blue-400:#5a96f5;--blue-500:#3b7de8;--blue-600:#2c63c4;--green-300:#7de8a8;--green-400:#4ad483;--green-500:#2bb866;--amber-300:#ffd47d;--amber-400:#f5b942;--amber-500:#dd9c1f;--red-300:#ff9c9c;--red-400:#f56a6a;--red-500:#e04848;--color-bg:var(--gray-950);--color-surface:var(--gray-900);--color-surface-raised:var(--gray-850);--color-surface-hover:var(--gray-800);--color-border:var(--gray-800);--color-border-strong:var(--gray-700);--color-text:var(--gray-100);--color-text-muted:var(--gray-400);--color-text-faint:var(--gray-500);--color-accent:var(--blue-400);--color-accent-strong:var(--blue-300);--color-accent-bg:color-mix(in srgb, var(--blue-500) 18%, transparent);--color-success:var(--green-400);--color-success-bg:color-mix(in srgb, var(--green-500) 15%, transparent);--color-warning:var(--amber-400);--color-warning-bg:color-mix(in srgb, var(--amber-500) 15%, transparent);--color-danger:var(--red-400);--color-danger-bg:color-mix(in srgb, var(--red-500) 15%, transparent);--color-focus-ring:color-mix(in srgb, var(--blue-400) 60%, transparent);--color-overlay:#0009;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.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:14px;--radius-full:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.28s;--container-max:72rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-gutter:stable}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-strong)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}code{font-family:var(--font-mono);font-size:.9em}body:has(dialog:modal){overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}