:root{--color-bg: #ffffff;--color-bg-subtle: #f6f7f9;--color-bg-muted: #eef0f3;--color-border: #e3e6eb;--color-text: #1a1f2b;--color-text-muted: #6b7280;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-soft: #eff4ff;--color-success: #16a34a;--color-success-soft: #e9f9ee;--color-warning: #b45309;--color-warning-soft: #fef3e2;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-archived: #6b7280;--color-archived-soft: #f2f3f5;--radius-sm: 6px;--radius-md: 10px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg-subtle);color:var(--color-text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-size:15px}h1,h2,h3{font-weight:650;line-height:1.25}a{color:var(--color-primary)}.app-shell{max-width:1080px;margin:0 auto;padding:0 1.5rem 4rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;margin-bottom:2rem;border-bottom:1px solid var(--color-border)}.brand{font-weight:700;font-size:1.15rem;color:var(--color-text);text-decoration:none;letter-spacing:-.01em}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:600}.nav-links a:hover{color:var(--color-primary)}.nav-link-active{color:var(--color-primary)!important;position:relative}.nav-link-active:after{content:"";position:absolute;left:0;right:0;bottom:-1.35rem;height:2px;background:var(--color-primary)}.user-chip{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}.page-title{font-size:1.4rem;margin:0 0 .25rem}.page-meta{color:var(--color-text-muted);font-size:.9rem;margin:0 0 1.5rem}.back-link{display:inline-block;font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;margin-bottom:1rem}.back-link:hover{color:var(--color-primary)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.5rem;margin-bottom:1.5rem}.card>h2:first-child,.card>h3:first-child{margin-top:0}.card-title{font-size:1.05rem;margin:0 0 .25rem}.card-subtitle{color:var(--color-text-muted);font-size:.85rem;margin:0 0 1.1rem}.section-divider{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.btn{display:inline-flex;align-items:center;gap:.35rem;font-family:inherit;font-size:.82rem;font-weight:650;padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.38}.btn-neutral{background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text)}.btn-neutral:hover:not(:disabled){background:var(--color-bg-muted)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background:#92400e}.btn-danger{background:#fff;border-color:#fca5a5;color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.btn-group{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-draft{background:var(--color-bg-muted);color:#4b5563}.badge-approved{background:var(--color-warning-soft);color:var(--color-warning)}.badge-published{background:var(--color-success-soft);color:var(--color-success)}.badge-archived{background:var(--color-archived-soft);color:var(--color-archived)}.stage-track{display:flex;align-items:center;gap:.2rem}.stage-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);flex-shrink:0}.stage-dot.is-complete{background:var(--color-success)}.stage-dot.is-current{background:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.stage-line{width:14px;height:2px;background:var(--color-border);flex-shrink:0}.stage-line.is-complete{background:var(--color-success)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:.55rem .6rem;border-bottom:2px solid var(--color-border)}.table td{padding:.65rem .6rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table-row-archived{opacity:.6}.row-locked{background:var(--color-bg-muted)}.row-locked td{color:var(--color-text-muted)}.row-dragging{opacity:.4}.row-drop-target{box-shadow:inset 0 2px 0 var(--color-primary)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field-label{font-size:.78rem;font-weight:650;color:var(--color-text)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=datetime-local],input[type=file],select,textarea{font-family:inherit;font-size:.88rem;padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.form-row .field{flex:1;min-width:160px;margin-bottom:0}.list-plain{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.list-item-link{color:var(--color-text);font-weight:650;text-decoration:none}.list-item-link:hover{color:var(--color-primary)}.muted{color:var(--color-text-muted);font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;word-break:break-all}.alert{font-size:.875rem;padding:.6rem .85rem;border-radius:var(--radius-sm);margin-bottom:1rem;border:1px solid transparent}.alert-error{color:#991b1b;background:var(--color-danger-soft);border-color:#fecaca}.alert-info{color:#14532d;background:var(--color-success-soft);border-color:#bbf7d0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{background:#fff;border-radius:var(--radius-md);max-width:960px;width:100%;box-shadow:0 24px 48px #0f172a47;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1rem}.modal-body{padding:1.25rem}.preview-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);background:#0b1f3a}.preview-frame-scale{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top left}