@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&family=Fraunces:opsz,ital,wght@9..144,0,500;9..144,1,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.header-user{position:relative}.header-user-trigger{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:0;border-top:var(--rule-thin);cursor:pointer;text-align:left;font-family:var(--font-serif);color:var(--color-text-default);background:0 0;display:flex}.header-user-trigger:hover{background:var(--color-surface-muted)}.header-user-avatar{background:var(--color-action-neutral);width:32px;height:32px;color:var(--color-action-neutral-on);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.header-user-details{flex-direction:column;flex:1;min-width:0;display:flex}.header-user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-default);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-user-email{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-user-dropdown{bottom:100%;left:var(--space-3);right:var(--space-3);margin-bottom:var(--space-1);background:var(--color-surface-default);border:var(--rule-thin);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);position:absolute}.header-user-logout{border-radius:var(--radius-none);justify-content:flex-start;width:100%}.sidebar{background:var(--color-surface-subtle);border-right:var(--rule-thin);flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{padding:var(--space-6) var(--space-4) var(--space-4);border-bottom:var(--rule-thin);flex-direction:column;display:flex}.sidebar-brand-eyebrow{font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sidebar-brand-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text-default)}.sidebar-nav{padding:var(--space-3) 0;flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);border-left:2px solid #0000;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--color-surface-muted);text-decoration:none}.sidebar-item--active{background:var(--color-surface-default);color:var(--color-text-default);font-weight:var(--weight-semibold);border-left-color:var(--color-action-primary)}.sidebar-item--placeholder{color:var(--color-text-faint)}.sidebar-item--placeholder:hover{color:var(--color-text-muted)}.sidebar-icon{flex-shrink:0}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-placeholder-tag{color:var(--color-text-faint);font-size:var(--text-xs)}.sidebar-badge{margin-left:var(--space-1);flex-shrink:0}.app-shell{background:var(--color-surface-app);min-height:100vh;display:flex}.app-shell-content{flex:1;min-width:0;overflow-x:hidden}.loading-screen{min-height:100vh;padding:var(--space-8);font-family:var(--font-serif);font-size:var(--text-md);place-items:center;display:grid}.page{padding:var(--space-8);width:100%;max-width:1280px;margin:0 auto}.page-narrow{max-width:960px}.page-wide{max-width:1600px}.page-full{max-width:none}.page-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.page-header-title-group{flex:1;min-width:0}.page-header-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text-default);margin:0}.page-header-subtitle{font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-muted);margin:var(--space-2) 0 0 0}.page-header-meta{gap:var(--space-4);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.page-header-meta>*{align-items:center;gap:var(--space-1);display:inline-flex}.page-header-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border:1px dashed var(--color-border-subtle);background:var(--color-surface-default);border-radius:var(--radius-none);flex-direction:column;display:flex}.empty-state-muted{background:var(--color-surface-subtle);border-style:dashed;border-color:var(--color-border-muted)}.empty-state-icon{color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.empty-state-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-default);margin:0}.empty-state-description{max-width:52ch;font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-muted);margin:0}.empty-state-action{margin-top:var(--space-2)}.filter-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chips-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-none);font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-text-default);display:inline-flex}.filter-chips-label{white-space:nowrap}.filter-chips-remove{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.filter-chips-remove:hover{background:var(--color-action-neutral);color:var(--color-action-neutral-on)}.filter-chips-clear-all{font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-text-muted);text-underline-offset:2px;cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:0;text-decoration:underline}.filter-chips-clear-all:hover{color:var(--color-text-default)}.modal-overlay{background:var(--color-surface-overlay);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.modal-content{background:var(--color-surface-default);border:var(--rule-thin);border-radius:var(--radius-none);width:clamp(400px,50vw,800px);max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-content--small{width:clamp(320px,40vw,520px)}.modal-content--form{width:clamp(420px,55vw,720px)}.modal-content--large{width:clamp(520px,70vw,1024px)}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:var(--rule-thin);display:flex}.modal-header-title-group{flex:1;min-width:0}.modal-kicker{font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--color-text-default);margin:0}.modal-header-actions{align-items:center;gap:var(--space-2);display:inline-flex}.modal-close{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-2xl);padding:0 var(--space-2);border-radius:var(--radius-none);background:0 0;border:0;line-height:1}.modal-close:hover{color:var(--color-text-default);background:var(--color-surface-muted)}.modal-body{padding:var(--space-6);font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:var(--rule-thin);background:var(--color-surface-subtle);display:flex}.modal-footer--split{justify-content:space-between}.modal-footer-left,.modal-footer-actions{align-items:center;gap:var(--space-2);display:inline-flex}.chip-multi{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-multi-chip{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-surface-default);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-default);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);display:inline-flex}.chip-multi-chip:hover{background:var(--color-surface-muted)}.chip-multi-chip--active{background:var(--color-action-neutral);color:var(--color-action-neutral-on);border-color:var(--color-action-neutral)}.chip-multi-chip:disabled{opacity:.5;cursor:not-allowed}.search-input{background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-none);transition:border-color var(--duration-fast);align-items:center;display:flex;position:relative}.search-input:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.search-input-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;flex-shrink:0;position:absolute}.search-input-input{padding:var(--space-2) var(--space-10) var(--space-2) var(--space-8);font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);background:0 0;border:0;outline:none;flex:1;width:100%}.search-input-input::placeholder{color:var(--color-text-faint)}.search-input-input::-webkit-search-cancel-button{appearance:none}.search-input-input::-webkit-search-decoration{appearance:none}.search-input-clear{right:var(--space-2);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.search-input-clear:hover{background:var(--color-surface-muted);color:var(--color-text-default)}.platform-dot{border-radius:var(--radius-pill);background:var(--color-action-neutral);width:18px;height:18px;color:var(--color-action-neutral-on);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.platform-dot-sm{width:14px;height:14px}.draft-card{gap:var(--space-3);padding:var(--space-5);background:var(--color-surface-default);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;display:flex}.draft-card-rejected{opacity:.6;background:var(--color-surface-muted)}.draft-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.draft-card-platform{align-items:center;gap:var(--space-2);display:inline-flex}.draft-card-kind{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-default)}.draft-card-body{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.draft-card-empty{text-align:center;padding:var(--space-6) 0;justify-content:center;align-items:center}.draft-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-text-default);margin:0}.draft-card-description{font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text-default);white-space:pre-wrap;margin:0}.draft-card-description-clamped{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.draft-card-toggle{align-self:flex-start;text-decoration:underline}.draft-card-tags{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.draft-card-tag{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);background:var(--color-surface-muted);color:var(--color-text-muted);border:1px solid var(--color-border-default);align-items:center;display:inline-flex}.draft-card-meta{align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-default);display:flex}.draft-card-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.draft-card-reject{color:var(--color-status-danger);margin-left:auto}.page-toolbar{margin-bottom:var(--space-6)}.page-toolbar-top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-toolbar-top>form,.page-toolbar-top>.page-toolbar-search{flex:1;min-width:220px}.page-toolbar-filters{margin-top:var(--space-4);gap:var(--space-2);flex-wrap:wrap;display:flex}.drafts-page-kpis{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.drafts-page-filters-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.drafts-page-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.drafts-page-card-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.drafts-page-card-header{align-items:center;display:flex}.drafts-page-work-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-instant) ease-out;text-decoration:none}.drafts-page-work-link:hover,.drafts-page-work-link:focus-visible{color:var(--color-text-link);text-decoration:underline}.drafts-page-load-more{align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.drafts-page-load-summary{color:var(--color-text-muted)}.auth-layout{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.auth-layout-card{width:min(420px,100%);padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.auth-layout-title{margin:0}.login-page__form{gap:var(--space-4);flex-direction:column;display:flex}.mask-zone-editor{gap:var(--space-2);flex-direction:column;display:flex}.mask-zone-canvas{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);-webkit-user-select:none;user-select:none;touch-action:none;width:100%;max-height:60vh;display:block;position:relative;overflow:hidden}.mask-zone-image{pointer-events:none;width:100%;height:auto;display:block}.mask-zone-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mask-zone-polygon{fill:var(--color-action-primary);fill-opacity:.12;stroke:var(--color-action-primary);stroke-width:2px;stroke-dasharray:4 4}.mask-zone-handle{width:var(--space-8);height:var(--space-8);margin-left:calc(-1 * var(--space-4));margin-top:calc(-1 * var(--space-4));border-radius:var(--radius-pill);background:var(--color-surface);border:2px solid var(--color-action-primary);cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--duration-instant) ease-out;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.mask-zone-handle:hover:not([data-disabled]){transform:scale(1.15)}.mask-zone-handle[data-active]{cursor:grabbing;background:var(--color-action-primary);color:var(--color-text-on-action);transform:scale(1.2)}.mask-zone-handle[data-disabled]{cursor:not-allowed;opacity:.5}.mask-zone-handle-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.mask-zone-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;font-style:italic}.mask-zone-loupe{border-radius:var(--radius-pill);border:2px solid var(--color-action-primary);width:200px;height:200px;box-shadow:var(--shadow-md);pointer-events:none;background-repeat:no-repeat;background-color:var(--color-surface-default);z-index:var(--z-raised);position:absolute}.mask-zone-loupe[data-position=top-left]{top:var(--space-3);left:var(--space-3)}.mask-zone-loupe[data-position=top-right]{top:var(--space-3);right:var(--space-3)}.mask-zone-loupe[data-position=bottom-left]{bottom:var(--space-3);left:var(--space-3)}.mask-zone-loupe[data-position=bottom-right]{bottom:var(--space-3);right:var(--space-3)}.mask-zone-loupe-crosshair{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--color-action-primary);box-shadow:0 0 0 1px var(--color-surface-default);margin:auto;position:absolute;inset:0}.mask-zone-loupe-crosshair:before,.mask-zone-loupe-crosshair:after{content:"";background:var(--color-action-primary);position:absolute}.mask-zone-loupe-crosshair:before{height:1px;top:50%;left:-8px;right:-8px;transform:translateY(-50%)}.mask-zone-loupe-crosshair:after{width:1px;top:-8px;bottom:-8px;left:50%;transform:translate(-50%)}.mockup-template-detail-body{gap:var(--space-6);flex-direction:column;display:flex}.mockup-template-detail-image{position:relative}.mockup-template-detail-image img{object-fit:contain;background:var(--color-surface-muted);border-radius:var(--radius-md);width:100%;max-height:50vh;display:block}.mockup-template-detail-image-meta{justify-content:flex-end;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:flex}.mockup-template-detail-mask-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.mockup-template-detail-mask-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;font-style:italic}.mockup-template-detail-section{gap:var(--space-3);flex-direction:column;display:flex}.mockup-template-detail-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.mockup-template-detail-vision-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.mockup-template-detail-vision-value{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:inline-flex}.mockup-template-detail-color-swatch{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--color-border);display:inline-block}.mockup-template-detail-palette{gap:var(--space-1);flex-wrap:wrap;display:flex}.mockup-template-detail-palette .mockup-template-detail-color-swatch{width:var(--space-6);height:var(--space-6)}.mockup-template-detail-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.mockup-template-detail-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-primary);display:inline-flex}.mockup-template-detail-tag[data-source=vision]{color:var(--color-text-muted);background:0 0;border-style:dashed}.mockup-template-detail-tag-kind{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-left:var(--space-1)}.mockup-template-detail-edit-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.mockup-template-detail-edit-grid>:last-child{grid-column:span 2}.file-dropzone{gap:var(--space-3);flex-direction:column;display:flex}.file-dropzone-surface{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:2px dashed var(--color-border-default);background:var(--color-surface-default);font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);text-align:center;cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast);flex-direction:column;display:flex}.file-dropzone-surface:hover:not(:disabled){background:var(--color-surface-muted)}.file-dropzone-drag .file-dropzone-surface{border-color:var(--color-action-primary);background:var(--color-surface-accent)}.file-dropzone-surface:disabled{opacity:.6;cursor:not-allowed}.file-dropzone-label{font-weight:var(--weight-medium)}.file-dropzone-hint{font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-text-muted)}.file-dropzone-input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-dropzone-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-dropzone-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border-muted);font-family:var(--font-serif);font-size:var(--text-sm);display:flex}.file-dropzone-filename{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-dropzone-size{font-family:var(--font-sans);font-feature-settings:"lnum", "tnum"}.file-dropzone-remove{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.file-dropzone-remove:hover{background:var(--color-surface-muted);color:var(--color-text-default)}.mockup-template-wizard-steps{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-medium);display:flex}.mockup-template-wizard-steps span{padding-bottom:var(--space-1);border-bottom:2px solid #0000;position:relative}.mockup-template-wizard-steps span[data-active]{color:var(--color-text-primary);border-bottom-color:var(--color-action-primary)}.mockup-template-wizard-steps span[data-skipped]{opacity:.6;font-style:italic}.mockup-template-wizard-psd-hint{padding:var(--space-3);background:var(--color-surface-muted);border-left:3px solid var(--color-action-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary)}.mockup-template-wizard-form{gap:var(--space-4);flex-direction:column;display:flex}.mockup-template-wizard-checkbox-group{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-muted);border-radius:var(--radius-md);flex-wrap:wrap;max-height:200px;display:flex;overflow-y:auto}.mockup-template-wizard-checkbox-item{align-items:center;gap:var(--space-1);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.mockup-template-wizard-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:var(--color-action-primary)}.mockup-templates-toolbar{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:minmax(200px,1fr) 180px 180px;display:grid}.mockup-templates-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.mockup-template-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-instant) ease-out, box-shadow var(--duration-instant) ease-out;outline:none;flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.mockup-template-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.mockup-template-card:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.mockup-template-card[data-inactive]{opacity:.55}.mockup-template-card-image{aspect-ratio:4/3;background:var(--color-surface-muted);position:relative;overflow:hidden}.mockup-template-card-image img{object-fit:cover;width:100%;height:100%;display:block}.mockup-template-card-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.mockup-template-card-vision-badge{top:var(--space-2);right:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);width:var(--space-6);height:var(--space-6);color:var(--color-action-primary);justify-content:center;align-items:center;display:flex;position:absolute}.mockup-template-card-body{padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.mockup-template-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.mockup-template-card-kind{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;font-style:italic}.mockup-template-card-chips{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.media-image{object-fit:cover;width:100%;height:100%;display:block}.media-image-placeholder{background:var(--color-surface-subtle);border:1px solid var(--color-border-muted);width:100%;height:100%;display:block;position:relative}.media-image-placeholder-mark{background-image:linear-gradient(135deg, transparent 49%, var(--color-border-muted) 49%, var(--color-border-muted) 51%, transparent 51%);opacity:.4;position:absolute;inset:0}.media-gallery{gap:var(--space-3);grid-template-columns:2fr 1fr;display:grid}.media-gallery--single{grid-template-columns:minmax(0,1fr);max-width:480px}@media (width<=880px){.media-gallery{grid-template-columns:1fr}}.media-gallery-main{aspect-ratio:4/5;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);cursor:zoom-in;width:100%;max-height:60vh;padding:0;display:block;overflow:hidden}.media-gallery-main .media-image,.media-gallery-main .media-image-placeholder{object-fit:contain}.media-gallery-thumbs{gap:var(--space-2);grid-template-columns:1fr 1fr;align-content:start;margin:0;padding:0;list-style:none;display:grid}.media-gallery-thumb{aspect-ratio:1;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);cursor:zoom-in;width:100%;padding:0;display:block}.tag-picker{font-family:var(--font-serif);font-size:var(--text-md);position:relative}.tag-picker-control{align-items:center;gap:var(--space-1);min-height:var(--space-10);padding:var(--space-1) var(--space-2);background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-none);cursor:text;transition:border-color var(--duration-fast);flex-wrap:wrap;display:flex}.tag-picker-control:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.tag-picker-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface-subtle);border:1px solid var(--color-border-default);font-size:var(--text-xs);color:var(--color-text-default);display:inline-flex}.tag-picker-chip-label{white-space:nowrap}.tag-picker-chip-remove{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tag-picker-chip-remove:hover{background:var(--color-action-neutral);color:var(--color-action-neutral-on)}.tag-picker-input{min-width:80px;font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);padding:var(--space-1) var(--space-1);background:0 0;border:0;outline:none;flex:1}.tag-picker-input::placeholder{color:var(--color-text-faint)}.tag-picker-dropdown{top:calc(100% + var(--space-1));background:var(--color-surface-default);border:1px solid var(--color-border-default);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);flex-direction:column;max-height:280px;display:flex;position:absolute;left:0;right:0;overflow-y:auto}.tag-picker-hint{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.tag-picker-group{flex-direction:column;display:flex}.tag-picker-group+.tag-picker-group{border-top:1px solid var(--color-border-subtle)}.tag-picker-group-label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.tag-picker-option{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.tag-picker-option:hover,.tag-picker-option:focus-visible{background:var(--color-surface-muted);outline:none}.tag-picker-option:disabled{opacity:.4;cursor:not-allowed}.tag-picker-create{align-items:center;gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface-accent);border:0;border-top:1px solid var(--color-border-subtle);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-accent);cursor:pointer;display:flex}.tag-picker-create:hover{background:var(--color-action-primary);color:var(--color-action-primary-on)}.tag-picker-create:disabled{opacity:.5;cursor:not-allowed}.tag-picker-max-notice{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.new-work-form{gap:var(--space-8);flex-direction:column;display:flex}.new-work-form-columns{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}@media (width<=880px){.new-work-form-columns{grid-template-columns:1fr}}.new-work-form-col{gap:var(--space-4);flex-direction:column;display:flex}.new-work-form-section-header{gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-muted);flex-direction:column;display:flex}.new-work-form-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-strong);margin:0}.new-work-form-section-hint{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.new-work-form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.new-work-form-row--3{grid-template-columns:1fr 1fr 1fr}.new-work-form-story-wrapper{align-items:flex-start;gap:var(--space-2);display:flex}.new-work-form-story-wrapper>textarea{flex:1}.new-work-form-logistics{border:1px solid var(--color-border-muted);background:var(--color-surface-subtle)}.new-work-form-logistics-toggle{border-bottom:1px solid #0000;justify-content:flex-start}.new-work-form-logistics-toggle[aria-expanded=true]{border-bottom-color:var(--color-border-muted)}.new-work-form-logistics-fields{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.new-work-form-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-default);display:flex}.new-work-form-status{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);display:inline-flex}.new-work-form-status--saving{color:var(--color-text-muted)}.new-work-form-status--saved{color:var(--color-text-default)}.new-work-form-status--error{color:var(--color-text-danger)}.new-work-form-status-dot{border-radius:var(--radius-pill);background:currentColor;width:8px;height:8px;display:inline-block}.new-work-form-status--saving .new-work-form-status-dot{background:var(--color-text-muted);animation:new-work-form-pulse var(--duration-slow) ease-in-out infinite}@keyframes new-work-form-pulse{0%,to{opacity:.4}50%{opacity:1}}.new-work-form-loading{padding:var(--space-6) 0;font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-muted)}.new-work-form-files-disabled{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.new-work-form-gallery{margin-bottom:var(--space-2)}.new-work-form-rephrase-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.new-work-form-rephrase-item{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-default);background:var(--color-surface-default);flex-direction:column;display:flex}.new-work-form-rephrase-text{font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text-default);white-space:pre-wrap;margin:0}.kebab-menu{display:inline-flex;position:relative}.kebab-menu-trigger{color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.kebab-menu-trigger--sm{width:28px;height:28px}.kebab-menu-trigger--md{width:36px;height:36px}.kebab-menu-trigger:hover,.kebab-menu-trigger:focus-visible,.kebab-menu--open .kebab-menu-trigger{background:var(--color-surface-muted);color:var(--color-text-default);border-color:var(--color-border-subtle)}.kebab-menu-trigger:focus-visible{box-shadow:var(--shadow-focus);outline:none}.kebab-menu--button-overlay .kebab-menu-trigger{background:var(--color-surface-default);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.kebab-menu--button-overlay .kebab-menu-trigger:hover,.kebab-menu--button-overlay .kebab-menu-trigger:focus-visible{background:var(--color-surface-default);color:var(--color-text-default);border-color:var(--color-border-default);box-shadow:var(--shadow-md)}.kebab-menu-list{z-index:var(--z-dropdown);min-width:200px;padding:var(--space-1);background:var(--color-surface-default);border:1px solid var(--color-border-default);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);list-style:none}.kebab-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-default);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);text-align:left;cursor:pointer;border-radius:var(--radius-xs);transition:background-color var(--duration-instant) ease, color var(--duration-instant) ease;background:0 0;border:0;display:flex}.kebab-menu-item:hover,.kebab-menu-item--active{background:var(--color-surface-muted)}.kebab-menu-item--danger{color:var(--color-text-danger)}.kebab-menu-item--danger:hover,.kebab-menu-item--danger.kebab-menu-item--active{background:var(--color-status-danger-subtle);color:var(--color-text-danger)}.kebab-menu-item--disabled{opacity:.5;cursor:not-allowed}.kebab-menu-item--disabled:hover{background:0 0}.settings-tabs{margin-top:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.settings-tab-panel{margin-top:var(--space-2)}.settings-section{gap:var(--space-6);flex-direction:column;display:flex}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.settings-section-title{margin:0 0 var(--space-1)}.settings-section-subtitle{max-width:60ch;margin:0}.settings-table-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-default);overflow:hidden}.settings-table{border-collapse:collapse;width:100%}.settings-table thead{background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle)}.settings-table th{text-align:left;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);padding:var(--space-3) var(--space-4)}.settings-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-muted);vertical-align:middle;color:var(--color-text-default)}.settings-table tbody tr:first-child td{border-top:none}.settings-table tbody tr[data-inactive]{opacity:.55}.settings-table strong{font-weight:var(--weight-medium);color:var(--color-text-strong)}.settings-table-secondary{color:var(--color-text-muted);margin-top:var(--space-1);display:block}.settings-table-numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.settings-table-actions{white-space:nowrap;text-align:right;width:1px}.settings-table-actions>*+*{margin-left:var(--space-1)}.settings-color-swatch{align-items:center;gap:var(--space-2);display:inline-flex}.settings-color-swatch-dot{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);width:16px;height:16px;display:inline-block}.settings-color-swatch code{font-family:var(--font-mono);color:var(--color-text-muted)}.settings-form-grid{gap:var(--space-4);flex-direction:column;display:flex}.settings-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<600px){.settings-form-row{grid-template-columns:1fr}}.settings-slug-suggest-rationale{margin:0 0 var(--space-3);color:var(--color-text-muted);border-left:2px solid var(--color-border-default);padding:var(--space-1) 0 var(--space-1) var(--space-3)}.settings-slug-suggest-alternatives{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.settings-slug-suggest-alt-button{font-family:var(--font-mono)}.settings-slug-suggest-loading{color:var(--color-text-muted);font-style:italic}.settings-slug-suggest-refused{color:var(--color-action-danger);font-weight:var(--weight-medium);margin:0 0 var(--space-2)}.settings-slug-display{font-family:var(--font-mono);background:var(--color-surface-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);display:inline-block}.drafts-tab{gap:var(--space-5);flex-direction:column;display:flex}.drafts-tab-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.drafts-tab-summary{margin:0}.drafts-tab-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;display:grid}@media (width>=1280px){.drafts-tab-grid{grid-template-columns:repeat(4,1fr)}}@media (768px<=width<1280px){.drafts-tab-grid{grid-template-columns:repeat(2,1fr)}}.editable-translation{align-items:flex-start;gap:var(--space-2);display:flex}.editable-translation-value{flex:1;margin:0}.editable-translation-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.editable-translation-overridden-flag{align-items:center;gap:var(--space-1);font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-text-muted);display:inline-flex}.editable-translation-hint{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-muted)}.deliverables-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-subtle);gap:var(--space-3);flex-direction:column;display:flex}.deliverables-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.deliverables-panel-title{margin:0 0 var(--space-1)}.deliverables-panel-subtitle{max-width:60ch;font-size:var(--text-sm);margin:0}.deliverables-panel-loading,.deliverables-panel-empty{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;font-style:italic}.deliverables-panel-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.deliverables-panel-format{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface-default)}.deliverables-panel-format-label{font-weight:var(--weight-medium);color:var(--color-text-strong);margin-bottom:var(--space-2);font-size:var(--text-sm)}.deliverables-panel-files{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.deliverables-panel-file{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text-default);display:flex}.deliverables-panel-file-meta{font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap}.deliverables-panel-download{align-items:center;gap:var(--space-1);color:var(--color-action-primary);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) ease;margin-left:auto;text-decoration:none;display:inline-flex}.deliverables-panel-download:hover,.deliverables-panel-download:focus-visible{background:var(--color-surface-hover);text-decoration:underline}.deliverables-panel-file-name{color:var(--color-text-muted);margin-left:auto;font-style:italic}.form-multi-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);max-height:220px;padding:var(--space-2);overflow-y:auto}.form-multi-select[aria-invalid=true]{border-color:var(--color-action-danger)}.form-multi-select-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.form-multi-select-item{margin:0;padding:0}.form-multi-select-label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) ease;display:flex}.form-multi-select-label:hover{background:var(--color-surface-hover)}.form-multi-select-label:has(input:disabled){color:var(--color-text-muted);cursor:not-allowed}.form-multi-select-count{margin:var(--space-2) 0 0;padding-left:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.form-multi-select-empty{padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin:0;font-style:italic}.variants-panel{gap:var(--space-4);flex-direction:column;display:flex}.variants-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.variants-panel-title{margin:0 0 var(--space-1)}.variants-panel-subtitle{max-width:60ch;margin:0}.variants-panel-empty{border:1px dashed var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-6);color:var(--color-text-muted);text-align:center;background:var(--color-surface-subtle)}.variants-panel-empty p{margin:0;max-width:50ch;margin-inline:auto}.variants-panel-table-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-default);overflow:hidden}.variants-panel-table{border-collapse:collapse;width:100%}.variants-panel-table thead{background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle)}.variants-panel-table th{text-align:left;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);padding:var(--space-3) var(--space-4)}.variants-panel-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-muted);vertical-align:middle;color:var(--color-text-default)}.variants-panel-table tbody tr:first-child td{border-top:none}.variants-panel-table strong{font-weight:var(--weight-medium);color:var(--color-text-strong)}.variants-panel-secondary{color:var(--color-text-muted);margin-top:var(--space-1);font-size:var(--text-sm);display:block}.variants-panel-composition{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.variants-panel-numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.variants-panel-actions{white-space:nowrap;text-align:right;width:1px}.variants-panel-actions>*+*{margin-left:var(--space-1)}.variant-modal-body{gap:var(--space-4);flex-direction:column;display:flex}.variant-modal-deliverable-preview{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-action-primary);border-radius:var(--radius-sm);background:var(--color-surface-subtle);font-size:var(--text-sm);color:var(--color-text-default);margin:0}.variant-modal-deliverable-preview strong{color:var(--color-action-primary);font-weight:var(--weight-medium)}.variant-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.variant-form-row-3{grid-template-columns:1fr 1fr 1fr}@media (width<600px){.variant-form-row,.variant-form-row-3{grid-template-columns:1fr}}.work-detail-header-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.work-detail-vision-pending{align-items:center;gap:var(--space-1);color:var(--color-text-muted);display:inline-flex}.work-detail-actions{gap:var(--space-2);display:flex}.work-detail-overview{gap:var(--space-8);margin-top:var(--space-6);flex-direction:column;display:flex}.work-detail-content{gap:var(--space-4);flex-direction:column;display:flex}.work-detail-title-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.work-detail-lang-toggle{align-items:center;gap:var(--space-1);display:inline-flex}.work-detail-title-line .editable-translation-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.work-detail-description{font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-normal)}.work-detail-story{font-family:var(--font-serif);color:var(--color-text-muted);border-left:3px solid var(--color-border-default);padding-left:var(--space-3);margin:0;font-style:italic}.work-detail-vision-panel{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-subtle);border:1px solid var(--color-border-muted);flex-direction:column;display:flex}.work-detail-panel-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.work-detail-panel-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);align-items:baseline;gap:var(--space-2);display:flex}.work-detail-panel-subtitle{margin:0 0 var(--space-2);font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.work-detail-panel-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.work-detail-visual-description{font-family:var(--font-serif);color:var(--color-text-default);margin:0}.work-detail-palette-list{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.work-detail-palette-item{align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-sm);display:inline-flex}.work-detail-swatch{border-radius:var(--radius-pill);border:1px solid var(--color-border-muted);background:var(--swatch-color,transparent);width:16px;height:16px;display:inline-block}.work-detail-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.work-detail-metas{gap:var(--space-2) var(--space-6);font-family:var(--font-serif);font-size:var(--text-sm);grid-template-columns:max-content 1fr;margin:0;display:grid}.work-detail-metas dt{color:var(--color-text-muted)}.work-detail-metas dd{margin:0}.work-detail-notes{white-space:pre-wrap;color:var(--color-text-muted)}.work-detail-alert-action{margin-top:var(--space-2)}.work-detail-lightbox-inner{padding:var(--space-4);justify-content:center;align-items:center;max-height:90vh;display:flex}.work-detail-lightbox-inner>img{object-fit:contain;max-width:100%;max-height:80vh}.works-page-filters-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.works-page-filters-row>:first-child{flex:280px;min-width:220px}.works-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.works-grid-item{position:relative}.works-grid-card{background:var(--color-surface-default);border:1px solid var(--color-border-subtle);color:inherit;transition:border-color var(--duration-fast);flex-direction:column;text-decoration:none;display:flex}.works-grid-actions{top:var(--space-2);right:var(--space-2);position:absolute}.works-grid-card:hover{border-color:var(--color-border-default);text-decoration:none}.works-grid-thumb{aspect-ratio:4/5;background:var(--color-surface-subtle);overflow:hidden}.works-grid-meta{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.works-grid-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-strong);letter-spacing:var(--tracking-tight);margin:0}.works-grid-tags{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.works-grid-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-muted);margin-top:auto;display:flex}.confirm-dialog-message{white-space:pre-line;margin:0}.confirm-dialog-prompt-input{margin-top:var(--space-3);width:100%}:root{--brand-red-500:#a8201a;--brand-ink-900:#0c0c0c;--brand-paper:#f7f4ee;--brand-red-50:#fbebe9;--brand-red-100:#f1c7c3;--brand-red-300:#c95048;--brand-red-600:#8e170f;--brand-red-700:#6e110b;--brand-red-800:#4f0b07;--neutral-0:#fff;--neutral-25:#fcfaf5;--neutral-50:#f7f4ee;--neutral-75:#f0ede5;--neutral-100:#ecebe5;--neutral-200:#d8d6cf;--neutral-300:#b8b5ac;--neutral-400:#8a877e;--neutral-500:#5e5c56;--neutral-600:#4a4a44;--neutral-700:#2e2e2a;--neutral-800:#1f1f1f;--neutral-900:#0c0c0c;--status-danger-50:var(--brand-red-50);--status-danger-500:var(--brand-red-500);--status-danger-700:var(--brand-red-700);--status-warning-50:#f2ebdd;--status-warning-500:var(--neutral-700);--status-warning-700:var(--neutral-800);--color-surface-app:var(--neutral-50);--color-surface-default:var(--neutral-0);--color-surface-subtle:var(--neutral-75);--color-surface-muted:var(--neutral-100);--color-surface-inverted:var(--neutral-900);--color-surface-overlay:#0c0c0c8c;--color-surface-accent:var(--brand-red-50);--color-surface-accent-strong:var(--brand-red-500);--color-border-default:var(--neutral-900);--color-border-subtle:var(--neutral-200);--color-border-muted:var(--neutral-100);--color-border-strong:var(--neutral-900);--color-border-focus:var(--brand-red-500);--color-border-accent:var(--brand-red-500);--color-text-default:var(--neutral-900);--color-text-strong:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-faint:var(--neutral-400);--color-text-on-action:var(--neutral-0);--color-text-on-inverted:var(--neutral-50);--color-text-link:var(--brand-red-500);--color-text-link-hover:var(--brand-red-700);--color-text-accent:var(--brand-red-500);--color-text-success:var(--neutral-900);--color-text-danger:var(--brand-red-500);--color-text-warning:var(--neutral-700);--color-action-primary:var(--brand-red-500);--color-action-primary-hover:var(--brand-red-600);--color-action-primary-active:var(--brand-red-700);--color-action-primary-subtle:var(--brand-red-50);--color-action-primary-on:var(--neutral-0);--color-action-neutral:var(--neutral-900);--color-action-neutral-hover:var(--neutral-700);--color-action-neutral-on:var(--neutral-50);--color-accent-default:var(--brand-red-500);--color-accent-hover:var(--brand-red-600);--color-accent-subtle:var(--brand-red-50);--color-accent-on:var(--neutral-0);--color-status-success:var(--neutral-900);--color-status-success-subtle:var(--neutral-100);--color-status-success-on:var(--neutral-0);--color-status-info:var(--neutral-900);--color-status-info-subtle:var(--neutral-100);--color-status-info-on:var(--neutral-0);--color-status-warning:var(--neutral-700);--color-status-warning-subtle:var(--status-warning-50);--color-status-warning-on:var(--neutral-0);--color-status-danger:var(--brand-red-500);--color-status-danger-subtle:var(--brand-red-50);--color-status-danger-on:var(--neutral-0);--color-focus-ring:var(--brand-red-500);--color-focus-ring-offset:var(--neutral-50);--font-serif:"Newsreader", "Iowan Old Style", Georgia, serif;--font-display:"Fraunces", "Newsreader", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Menlo", monospace;--text-2xs:10px;--text-xs:11.5px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--text-5xl:48px;--text-6xl:64px;--text-7xl:84px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-loose:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--shadow-none:none;--shadow-rule:3px 3px 0 var(--color-border-default);--shadow-sm:0 1px 2px #0c0c0c0f;--shadow-md:0 4px 12px #0c0c0c14;--shadow-lg:0 12px 32px #0c0c0c1f;--shadow-focus:0 0 0 3px color-mix(in srgb, var(--color-focus-ring) 35%, transparent);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:1000;--z-toast:2000;--duration-instant:80ms;--duration-fast:.16s;--duration-base:.22s;--duration-slow:.36s;--ease-standard:cubic-bezier(.2, 0, .1, 1);--ease-emphasis:cubic-bezier(.2, .8, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--rule-thin:1px solid var(--color-border-default);--rule-medium:2px solid var(--color-border-default);--rule-thick:3px solid var(--color-border-default)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-surface-app);color:var(--color-text-default);font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-normal);font-feature-settings:"kern", "liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-text-link-hover);text-underline-offset:2px;text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.ui-display{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.ui-serif{font-family:var(--font-serif)}.ui-sans{font-family:var(--font-sans)}.ui-mono{font-family:var(--font-mono)}.ui-num{font-family:var(--font-sans);font-feature-settings:"lnum", "tnum";letter-spacing:var(--tracking-tight);font-weight:var(--weight-medium)}.ui-eyebrow{font-family:var(--font-serif);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}.ui-h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.ui-h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.ui-h3{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.ui-h4{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.ui-body{font-size:var(--text-md);line-height:var(--leading-normal)}.ui-caption{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-small-caps{font-variant:small-caps;letter-spacing:var(--tracking-wide);font-weight:var(--weight-medium)}.ui-lettrine:first-letter{font-family:var(--font-display);float:left;font-size:3.4em;line-height:.85;font-weight:var(--weight-semibold);color:var(--color-action-primary);padding:4px 8px 0 0}.ui-surface{background:var(--color-surface-default);border:var(--rule-thin);border-radius:var(--radius-none)}.ui-surface--rule{box-shadow:var(--shadow-rule)}.ui-surface--subtle{background:var(--color-surface-subtle);border:var(--rule-thin)}.ui-surface--muted{background:var(--color-surface-muted);border:1px solid var(--color-border-subtle)}.ui-surface--accent{background:var(--color-surface-accent);border:1px solid var(--color-border-accent)}.ui-rule{border:0;border-top:var(--rule-thin);margin:0}.ui-rule--thick{border-top:var(--rule-thick)}.ui-rule--double{border-top:var(--rule-thin);border-bottom:var(--rule-thin);padding:var(--space-2) 0;position:relative}.ui-rule--double:before{content:"";border-top:var(--rule-thin);position:absolute;top:3px;left:0;right:0}.ui-rule--masthead{border-top:var(--rule-thick);border-bottom:var(--rule-thin);padding:var(--space-1) 0}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-none);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard);border:1px solid #0000;padding:10px 18px;line-height:1;display:inline-flex}.ui-button:active{transform:translateY(1px)}.ui-button:disabled{opacity:.45;cursor:not-allowed}.ui-button--primary{background:var(--color-action-primary);color:var(--color-action-primary-on)}.ui-button--primary:hover{background:var(--color-action-primary-hover)}.ui-button--primary:active{background:var(--color-action-primary-active)}.ui-button--neutral{background:var(--color-action-neutral);color:var(--color-action-neutral-on)}.ui-button--neutral:hover{background:var(--color-action-neutral-hover)}.ui-button--ghost{color:var(--color-text-default);border-color:var(--color-border-default);background:0 0}.ui-button--ghost:hover{background:var(--color-action-neutral);color:var(--color-action-neutral-on)}.ui-button--quiet{color:var(--color-text-default);background:0 0}.ui-button--quiet:hover{background:var(--color-surface-muted)}.ui-button--accent{background:var(--color-accent-default);color:var(--color-accent-on)}.ui-button--accent:hover{background:var(--color-accent-hover)}.ui-button--danger{background:var(--color-status-danger);color:var(--color-status-danger-on)}.ui-button--sm{font-size:var(--text-xs);padding:6px 12px}.ui-button--lg{font-size:var(--text-md);padding:14px 22px}.ui-field{gap:var(--space-1);flex-direction:column;display:flex}.ui-label{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-default)}.ui-input,.ui-textarea,.ui-select{font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-none);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:10px 12px}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.ui-checkbox{width:16px;height:16px;accent-color:var(--color-action-primary);cursor:pointer;margin:0}.ui-checkbox:disabled{cursor:not-allowed;opacity:.6}.ui-help{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-error{font-size:var(--text-xs);color:var(--color-text-danger)}.ui-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-none);border:1px solid var(--color-border-default);background:var(--color-surface-default);color:var(--color-text-default);font-family:var(--font-serif);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 8px;display:inline-flex}.ui-badge--success{color:var(--color-status-success);border-color:var(--color-status-success)}.ui-badge--info{color:var(--color-status-info);border-color:var(--color-status-info)}.ui-badge--warning{color:var(--color-status-warning);border-color:var(--color-status-warning)}.ui-badge--danger{color:var(--color-status-danger);border-color:var(--color-status-danger)}.ui-badge--accent{color:var(--color-accent-default);border-color:var(--color-accent-default)}.ui-badge--solid{background:var(--color-action-neutral);color:var(--color-action-neutral-on);border-color:#0000}.ui-badge--sm{font-size:var(--text-2xs);padding:1px 6px}.ui-dot{border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px;display:inline-block}.ui-tabs{border-bottom:var(--rule-thin);gap:0;display:flex}.ui-tab{font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 18px}.ui-tab--active{color:var(--color-text-default);border-bottom-color:var(--color-action-primary);font-weight:var(--weight-semibold)}.ui-nav-item{align-items:center;gap:var(--space-3);font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);border-radius:var(--radius-none);cursor:pointer;padding:9px 12px;display:flex}.ui-nav-item:hover{background:var(--color-surface-muted);text-decoration:none}.ui-nav-item--active{background:var(--color-action-neutral);color:var(--color-action-neutral-on)}.ui-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ui-table th{text-align:left;font-family:var(--font-serif);font-weight:var(--weight-medium);color:var(--color-text-muted);padding:var(--space-3);border-bottom:var(--rule-thin)}.ui-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.ui-table tr:last-child td{border-bottom:0}.ui-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-none);background:var(--color-surface-default);font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-default);border-left-width:4px;display:flex}.ui-alert--info{border-left-color:var(--color-status-info)}.ui-alert--success{border-left-color:var(--color-status-success)}.ui-alert--warning{border-left-color:var(--color-status-warning)}.ui-alert--danger{border-left-color:var(--color-status-danger)}.ui-alert--accent{border-left-color:var(--color-accent-default);background:var(--color-accent-subtle)}.ui-kpi{gap:var(--space-1);flex-direction:column;display:flex}.ui-kpi__value{font-family:var(--font-sans);font-feature-settings:"lnum", "tnum";font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);font-size:var(--text-5xl);color:var(--color-text-strong);line-height:1}.ui-kpi__label{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-muted)}.ui-kpi__delta--up{color:var(--color-text-default)}.ui-kpi__delta--down{color:var(--color-status-danger)}.ui-text-danger{color:var(--color-text-danger)}.ui-text-muted{color:var(--color-text-muted)}.ui-cluster--center{justify-content:center}.ui-cluster--gap-3{gap:var(--space-3)}.ui-stack{flex-direction:column;display:flex}.ui-stack>*+*{margin-top:var(--stack-gap,var(--space-4))}.ui-row{align-items:center;display:flex}.ui-row>*+*{margin-left:var(--row-gap,var(--space-3))}.ui-cluster{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ui-grid-2{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.ui-grid-3{gap:var(--space-6);grid-template-columns:1fr 1fr 1fr;display:grid}.ui-grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.ui-container{container-type:inline-size}.ui-kpi{gap:var(--space-1);padding:var(--space-4);background:var(--color-surface-default);border:1px solid var(--color-border-default);font-family:var(--font-sans);text-align:left;flex-direction:column;display:flex}.ui-kpi--clickable{cursor:pointer;transition:background .15s}.ui-kpi--clickable:hover{background:var(--color-surface-muted)}.ui-kpi-label{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.ui-kpi-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-default)}.ui-kpi-legend{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-kpi--accent .ui-kpi-value{color:var(--color-action-primary)}.ui-kpi--muted{background:var(--color-surface-muted)}.ui-lettrine{float:left;font-family:var(--font-display);font-size:var(--text-7xl);font-weight:var(--weight-semibold);margin:4px var(--space-3) 0 0;color:var(--color-action-primary);line-height:.85}.ui-masthead{gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:var(--rule-thick);flex-direction:column;display:flex}.ui-masthead-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-default);margin:0}.ui-masthead-subtitle{font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-muted);margin:0}.ui-masthead-meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-2);display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}