.button{--_bg:var(--color-bg);--_fg:var(--text);--_border:var(--line-strong);--_height:var(--button-height);justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--_height);padding-inline:var(--space-5);border:1px solid var(--_border);border-radius:var(--radius-pill);background:var(--_bg);color:var(--_fg);font-family:var(--font-ui);letter-spacing:-.005em;text-align:center;white-space:nowrap;cursor:pointer;user-select:none;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;&[data-variant=primary]{--_bg:var(--color-ink);--_fg:var(--color-bg);--_border:var(--color-ink);box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink) 18%, transparent), inset 0 1px 0 #ffffff24}&[data-variant=quiet]{--_bg:transparent;--_border:transparent;--_fg:var(--color-accent-strong);padding-inline:var(--space-3)}&[data-variant=danger]{--_bg:transparent;--_fg:var(--color-error);--_border:transparent;padding-inline:var(--space-3)}&[data-variant=danger-solid]{--_bg:var(--color-error);--_fg:var(--color-bg);--_border:var(--color-error)}&[data-size=dense]{--_height:var(--tap);padding-inline:var(--space-4)}&[data-block]{inline-size:100%}&:is(:disabled,[aria-disabled=true]){opacity:.4;cursor:not-allowed;box-shadow:none}&:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){&:not(:disabled,[aria-disabled=true]):hover{--_bg:var(--surface)}&[data-variant=primary]:not(:disabled,[aria-disabled=true]):hover{--_bg:color-mix(in srgb, var(--color-ink) 84%, var(--color-bg))}&[data-variant=quiet]:not(:disabled):hover,&[data-variant=danger]:not(:disabled):hover{--_bg:transparent;text-decoration:underline}&[data-variant=danger-solid]:not(:disabled):hover{--_bg:color-mix(in srgb, var(--color-error) 88%, var(--color-ink))}}@media (prefers-reduced-motion:no-preference){transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) ease;&:not(:disabled,[aria-disabled=true]):active{transform:scale(.97)}}}.icon-button{inline-size:var(--tap);block-size:var(--tap);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--text);cursor:pointer;flex:none;place-items:center;text-decoration:none;display:inline-grid;&[data-variant=ghost]{color:var(--text-muted);background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){&:hover{background:var(--surface);color:var(--text)}}@media (prefers-reduced-motion:no-preference){transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) ease;&:active{transform:scale(.95)}}}.text-link{align-items:center;gap:var(--space-1);color:var(--color-accent-strong);font-weight:600;text-decoration:none;display:inline-flex;@media (hover:hover) and (pointer:fine){&:hover{text-decoration:underline}}}@scope(.field){:scope{gap:var(--space-2);align-content:start;display:grid}label:not(.chip,.check),legend,.label-row{color:var(--text);font-size:var(--text-small);font-weight:600}legend{margin-block-end:var(--space-2)}.label-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.count{color:var(--text-subtle);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:500;&[data-over]{color:var(--color-error)}}}.hint{color:var(--text-muted);font-size:var(--text-small)}.error{align-items:flex-start;gap:var(--space-1);color:var(--color-error);font-size:var(--text-small);font-weight:600;display:flex}.cost{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:500;display:inline-flex}.chip{min-block-size:2.25rem;padding-inline:var(--space-4);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--text-small);cursor:pointer;user-select:none;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.375rem;font-weight:600;display:inline-flex;position:relative;&:after{content:"";position:absolute;inset:-6px 0}& input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}&:has(input)>.icon{display:none}&:has(input:checked){background:var(--color-accent);&>.icon{display:block}}&:has(input:focus-visible),&:is(button):focus-visible{outline:2px solid var(--focus);outline-offset:2px}&[data-shape=round]{inline-size:var(--tap);min-block-size:var(--tap);justify-content:center;padding:0;&:after{inset:0}}&[data-variant=ai]{border-color:var(--line-strong);background:var(--color-bg);& .icon{color:var(--color-accent-strong)}}&:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed}@media (hover:hover) and (pointer:fine){&:not(:has(input:checked),:disabled):hover{background:var(--color-surface-strong)}&[data-variant=ai]:not(:disabled):hover{border-color:var(--color-ink);background:var(--color-bg)}}@media (prefers-reduced-motion:no-preference){transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);&:not(:disabled):active{transform:scale(.97)}}}.check{align-items:flex-start;gap:var(--space-3);min-block-size:var(--tap);padding-block:var(--space-2);cursor:pointer;font-size:.9375rem;display:flex;& input{flex:none;margin-block-start:.1rem}& a{color:var(--color-accent-strong);font-weight:600}}.notice{--_tone:var(--color-subtle);--_bg:var(--color-surface);align-items:start;gap:0 var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--_bg);grid-template-columns:auto minmax(0,1fr);font-size:.9375rem;display:grid;&>.icon{color:var(--_tone);grid-row:span 9}&>:not(.icon){grid-column:2}&>div>*+*{margin-block-start:var(--space-1)}&[data-tone=error]{--_tone:var(--color-error);--_bg:var(--color-error-soft)}&[data-tone=warning]{--_tone:var(--color-warning);--_bg:var(--color-warning-soft)}&[data-tone=success]{--_tone:var(--color-success);--_bg:var(--color-success-soft)}& .button[data-variant=quiet]{min-block-size:var(--tap);justify-self:start;padding-inline:0}&+*{margin-block-start:var(--space-4)}}.segmented{border-radius:var(--radius-pill);background:var(--color-surface-strong);gap:2px;padding:3px;display:inline-flex;& :is(a,button){min-block-size:2.625rem;padding-inline:var(--space-4);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-small);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:.375rem;font-weight:600;text-decoration:none;display:inline-flex}& [aria-current=page]{background:var(--color-bg);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink) 10%, transparent), 0 2px 8px color-mix(in srgb, var(--color-ink) 6%, transparent)}@media (hover:hover) and (pointer:fine){& :is(a,button):not([aria-current=page]):hover{color:var(--text)}}@media (prefers-reduced-motion:no-preference){& :is(a,button){transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease}}}.status{--_dot:var(--color-subtle);--_bg:var(--color-surface);--_fg:var(--text);border-radius:var(--radius-pill);background:var(--_bg);min-block-size:1.5rem;color:var(--_fg);white-space:nowrap;align-items:center;gap:.375rem;padding-inline:.5rem .625rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex;&:before{content:"";background:var(--_dot);border-radius:50%;flex:none;block-size:.4375rem;inline-size:.4375rem}&[data-status=published]{--_dot:var(--color-success);--_bg:var(--color-success-soft)}&[data-status=approved]{--_bg:var(--color-ink);--_fg:var(--color-bg);padding-inline-start:.375rem;&:before{display:none}}&[data-status=photo_missing]{--_dot:var(--color-warning);--_bg:var(--color-warning-soft)}&[data-plain]{--_bg:transparent;--_fg:var(--text-muted);min-block-size:0;padding:0;&[data-status=approved]{--_fg:var(--text)}}}.tag{align-items:center;gap:var(--space-1);min-block-size:1.75rem;padding-inline:var(--space-3);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-caption);font-weight:600;display:inline-flex;&[data-tone=accent]{background:var(--color-accent-soft);color:var(--color-accent-strong)}}.eyebrow{color:var(--text-subtle);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.toast{z-index:30;inline-size:max-content;max-inline-size:calc(100% - 2 * var(--gutter));align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);box-shadow:var(--shadow-float);pointer-events:none;animation:toast-fade var(--duration-medium) ease-out both reverse, toast-fade var(--duration-medium) ease-in 4s forwards;margin-inline:auto;font-size:.9375rem;font-weight:600;display:flex;position:fixed;inset-block-end:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-4));inset-inline:0;@media (prefers-reduced-motion:no-preference){animation:toast-in var(--duration-slow) var(--ease-out) both, toast-out var(--duration-medium) ease-in 4s forwards}& .icon{color:var(--color-accent)}@media (width>=768px){inset-block-end:var(--space-6)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes toast-fade{to{opacity:0;visibility:hidden}}@keyframes toast-out{to{opacity:0;visibility:hidden;transform:translateY(8px)}}.icon{flex:none}