:root{--navy: #203264;--navy-deep: #13203f;--ink: #141a2e;--ink-2: #4b5268;--ink-3: #8a90a2;--paper: #f6f4ef;--paper-2: #efece4;--surface: #ffffff;--line: #e6e2d8;--line-2: #efece5;--line-strong: #d6d1c4;--live: #15803d;--live-bg: #e7f5ec;--sched: #b45309;--sched-bg: #fdf1dd;--draft: #5b6275;--draft-bg: #eef0f4;--bad: #c2362e;--bad-bg: #fdecea;--staging: #4a64a8;--staging-ink: #1f3268;--staging-bg: #e9edf7;--prod: #a8412c;--prod-ink: #6e2517;--prod-bg: #f7e8e3;--r-xs: 6px;--r-sm: 9px;--r: 14px;--r-lg: 20px;--shadow-1: none;--shadow-2: none;--shadow-3: none;--sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif: "Newsreader", ui-serif, Georgia, serif;--side-w: 264px;--side-gap: 14px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}a{color:var(--navy);text-underline-offset:2px}img{display:block;max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--ink-3)}.small{font-size:.875rem}.xs{font-size:.78rem}.row-tight{display:flex;align-items:center;gap:8px}input[type=text],input[type=email],input[type=password],input[type=datetime-local],select,textarea{width:100%;font:inherit;font-size:.94rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#bdb6a6}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #2032641f}input:disabled,select:disabled,textarea:disabled{background:var(--paper);color:var(--ink-3)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--bad)}textarea{min-height:96px;resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%234b5268' stroke-width='1.6'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}fieldset{border:0;margin:0;padding:0;min-width:0}.field{display:grid;gap:6px}.field>label{font-size:.84rem;font-weight:560;color:var(--ink)}.field .hint{font-size:.8rem;color:var(--ink-3)}.field .error,.field-error{font-size:.8rem;color:var(--bad);font-weight:500}.field.invalid>label{color:var(--bad)}.choice{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.choice:hover{border-color:var(--line-strong)}.choice:has(input:checked){border-color:var(--navy);background:#f3f5fa}.choice input{margin-top:3px;accent-color:var(--navy);width:16px;height:16px}.choice-label{display:block;font-size:.9rem;font-weight:560}.choice-detail{display:block;font-size:.8rem;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:.88rem;font-weight:560;line-height:1.2;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.btn:hover:not(:disabled){border-color:#bdb6a6;background:#fbfaf7}.btn:active:not(:disabled){filter:brightness(.94)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 11px;font-size:.82rem;border-radius:8px}.btn-block{width:100%;padding:12px 16px}.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--navy-deep);border-color:var(--navy-deep)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--paper-2);border-color:transparent;color:var(--ink)}.btn-soft{background:var(--live-bg);border-color:transparent;color:var(--live)}.btn-soft:hover:not(:disabled){background:#d8efe0;border-color:transparent}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){background:#a82b24;border-color:#a82b24}.btn-ghost-danger{background:transparent;border-color:transparent;color:var(--bad)}.btn-ghost-danger:hover:not(:disabled){background:var(--bad-bg);border-color:transparent}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;border:0;background:transparent;color:var(--ink-2);cursor:pointer}.icon-btn:hover{background:var(--paper-2);color:var(--ink)}.link-btn{border:0;background:none;padding:0;color:var(--navy);font-weight:560;text-decoration:underline;cursor:pointer}.notice{padding:11px 14px;border-radius:var(--r-sm);font-size:.88rem;border:1px solid transparent}.notice.bad{background:var(--bad-bg);color:#8e241e;border-color:#f4c9c5}.notice.info{background:#eff2f8;color:var(--navy);border-color:#dce2ef}.notice.warn{background:var(--sched-bg);color:#7c3d06;border-color:#f3dbb1}.notice.good{background:var(--live-bg);color:#0f5a2c}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:999px;font-size:.76rem;font-weight:600;line-height:1.4;background:var(--draft-bg);color:var(--draft);white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.live{background:var(--live-bg);color:var(--live)}.badge.live .badge-dot{box-shadow:none}.badge.scheduled,.badge.pending{background:var(--sched-bg);color:var(--sched)}.badge.closed{background:var(--bad-bg);color:var(--bad)}.badge.neutral{background:var(--paper-2);color:var(--ink-2)}.chip-env{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.chip-env.is-staging{background:var(--staging-bg);color:var(--staging-ink)}.chip-env.is-production{background:var(--prod-bg);color:var(--prod-ink)}.site-tag{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 9px;border-radius:999px;font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap}.site-tag-dot{width:7px;height:7px;border-radius:50%}.site-tag.tone-open .site-tag-dot{background:#90c645}.site-tag.tone-open{background:#f1f8e6;border-color:#dbeec2}.site-tag.tone-soon .site-tag-dot{background:#fbae44}.site-tag.tone-closed .site-tag-dot{background:#8f9291}.site-tag.tone-unknown .site-tag-dot{background:#15a9e2}.app{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh}.side{position:sticky;top:var(--side-gap);height:calc(100vh - var(--side-gap) * 2);margin:var(--side-gap) 0 var(--side-gap) var(--side-gap);display:flex;flex-direction:column;gap:18px;padding:20px 14px 14px;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow-y:auto}.side-brand{padding:2px 8px 0;color:var(--navy)}.side-logo{width:112px;height:auto;display:block}.side-portal{display:block;margin-top:2px;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.side-project{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:var(--paper)}.side-project-img{width:36px;height:36px;border-radius:8px;object-fit:cover}.side-project-label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.side-project-name{display:block;font-size:.9rem;font-weight:600}.side-nav{display:grid;gap:2px}.side-nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);color:var(--ink-2);font-size:.92rem;font-weight:520;text-decoration:none;transition:background .12s,color .12s}.side-nav a:hover{background:var(--paper-2);color:var(--ink)}.side-nav a.active{background:var(--navy);color:#fff;font-weight:600;box-shadow:none}.side-foot{margin-top:auto;display:flex;align-items:center;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.side-me{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--r-sm);text-decoration:none;color:inherit}.side-me:hover,.side-me.active{background:var(--paper-2)}.side-me-text{min-width:0}.side-me-name{display:block;font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-me-role{display:block;font-size:.74rem;color:var(--ink-3)}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:650;letter-spacing:.02em}.main-col{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 28px 10px 32px;border-bottom:1px solid var(--line);background:var(--paper)}.topbar:before{content:"";position:absolute;inset:0 0 auto;height:3px}.topbar.is-staging:before{background:var(--staging)}.topbar.is-production:before{background:var(--prod)}.topbar-menu{display:none}.topbar-where{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink-2);min-width:0}.topbar-where strong{font-weight:650}.topbar.is-staging .topbar-where strong{color:var(--staging-ink)}.topbar.is-production .topbar-where strong{color:var(--prod-ink)}.env-dot{width:9px;height:9px;border-radius:50%;flex:none}.is-staging .env-dot{background:var(--staging);box-shadow:none}.is-production .env-dot{background:var(--prod);box-shadow:none}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.env-toggle{display:inline-flex;padding:3px;gap:2px;border-radius:11px;background:var(--paper-2);border:1px solid var(--line)}.env-btn{border:0;padding:6px 13px;border-radius:8px;background:transparent;font-size:.82rem;font-weight:600;color:var(--ink-3);cursor:pointer;transition:background .15s,color .15s}.env-btn:hover{color:var(--ink)}.env-btn.is-staging[aria-pressed=true]{background:var(--staging);color:#fff;box-shadow:var(--shadow-1)}.env-btn.is-production[aria-pressed=true]{background:var(--prod);color:#fff;box-shadow:var(--shadow-1)}.btn-publish{background:var(--ink);border-color:var(--ink);color:#fff}.btn-publish:hover:not(:disabled){background:#000;border-color:#000}.btn-publish:disabled{background:transparent;color:var(--ink-3);border-color:var(--line-strong);opacity:1}.page{width:100%;max-width:1080px;margin:0 auto;padding:34px 32px 120px}.page-wide{max-width:1320px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.page-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font-size:.84rem;font-weight:560;color:var(--ink-2);text-decoration:none}.page-back:hover{color:var(--navy)}.page-eyebrow{margin-bottom:8px}.page-title{font-family:var(--serif);font-weight:450;font-size:clamp(1.9rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.015em;color:var(--ink)}.page-lede{margin-top:8px;max-width:62ch;color:var(--ink-2);font-size:.95rem}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-foot{margin-top:28px;max-width:72ch;font-size:.82rem;color:var(--ink-3)}.view-toggle{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:var(--paper-2);border:1px solid var(--line)}.view-toggle button{display:grid;place-items:center;width:32px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--ink-3);cursor:pointer}.view-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:22px}.filter{position:relative;display:grid;gap:2px;text-align:left;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s}.filter:hover{border-color:var(--ink-3)}.filter[aria-selected=true]{border-color:var(--navy);background:var(--navy);color:#fff}.filter[aria-selected=true] .filter-label{color:#fffc}.filter-count{font-family:var(--serif);font-size:1.85rem;font-weight:450;line-height:1.1}.filter-label{font-size:.8rem;font-weight:560;color:var(--ink-2)}.filter:after{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%}.filter.tone-live:after{background:var(--live)}.filter.tone-scheduled:after{background:var(--sched)}.filter.tone-draft:after{background:var(--draft)}.filter.tone-neutral:after{background:var(--line-strong)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.pcard{display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s,border-color .2s}.pcard:hover{border-color:var(--ink-3)}.pcard-media{position:relative;aspect-ratio:16 / 10;background:var(--paper-2);overflow:hidden}.pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pcard:hover .pcard-media img{transform:none}.pcard-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px}.pcard-badges .badge,.pcard-badges .chip-env{box-shadow:none}.pcard-body{display:grid;gap:8px;justify-items:start;padding:16px 18px 12px;flex:1}.pcard-name{font-size:1.06rem;font-weight:640;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.pcard-price{font-size:.88rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.when{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--sched);font-weight:540}.pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 12px 14px;border-top:1px solid var(--line-2);cursor:default}.pcard-edit{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;font-size:.84rem;font-weight:600;color:var(--navy);text-decoration:none}.pcard-edit:hover{background:#f0f2f8}.rows{display:grid;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.prow{display:grid;grid-template-columns:52px minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) auto 16px;align-items:center;gap:16px;padding:12px 18px 12px 12px;border-top:1px solid var(--line-2);color:var(--ink-3);cursor:pointer;transition:background .12s}.prow:first-child{border-top:0}.prow:hover{background:#fbfaf7}.prow-img{width:52px;height:40px;border-radius:8px;object-fit:cover}.prow-main{display:grid;gap:2px;min-width:0}.prow-name{font-weight:620;color:var(--ink);text-decoration:none}.prow-sub{display:flex;align-items:center;gap:8px;font-size:.8rem;flex-wrap:wrap}.prow-price{font-size:.86rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.prow-status{display:grid;gap:3px;justify-items:start}.prow-actions{cursor:default}.card-skel,.row-skel,.editor-skel{border-radius:var(--r-lg);background:var(--paper-2);animation:pulse 1.4s ease-in-out infinite}.card-skel{height:330px}.row-skel{height:64px;margin-bottom:8px}.editor-skel{height:520px}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{display:grid;justify-items:center;gap:8px;padding:56px 20px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:#ffffff80}.empty-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}.empty-title{font-weight:640}.empty-body{font-size:.88rem;color:var(--ink-3)}.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.editor-main{display:grid;gap:14px}.step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;padding:22px 24px 24px 20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.step-quiet{background:#ffffff8c}.step-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);font-size:.8rem;font-weight:650}.step-body{display:grid;gap:16px;min-width:0}.step-title,.seg-legend{font-size:1rem;font-weight:640;letter-spacing:-.01em;color:var(--ink);padding:0}.seg-field{display:grid;gap:10px}.seg-field:disabled{opacity:.6}.seg-hint{margin-top:-4px;font-size:.84rem;color:var(--ink-3)}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg-opt{position:relative;cursor:pointer}.seg-opt input{position:absolute;opacity:0;pointer-events:none}.seg-text{display:grid;gap:1px;padding:8px 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);transition:border-color .15s,background .15s,box-shadow .15s}.seg-lg .seg-opt{flex:1 1 140px}.seg-lg .seg-text{padding:13px 15px;border-radius:12px;height:100%}.seg-label{font-size:.9rem;font-weight:600}.seg-detail{font-size:.78rem;color:var(--ink-3)}.seg-opt:hover .seg-text{border-color:#bdb6a6}.seg-opt input:focus-visible+.seg-text{outline:2px solid var(--navy);outline-offset:2px}.seg-opt[data-on=true] .seg-text{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:var(--shadow-1)}.seg-opt[data-on=true] .seg-detail{color:#ffffffb8}.seg-opt.tone-good[data-on=true] .seg-text,.seg-opt.tone-live[data-on=true] .seg-text{background:var(--live);border-color:var(--live)}.seg-opt.tone-pending[data-on=true] .seg-text,.seg-opt.tone-scheduled[data-on=true] .seg-text{background:var(--sched);border-color:var(--sched)}.seg-opt.tone-closed[data-on=true] .seg-text{background:#6b6f7d;border-color:#6b6f7d}.seg-opt.tone-draft[data-on=true] .seg-text{background:var(--draft);border-color:var(--draft)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;background:var(--paper);cursor:pointer}.switch-label{display:block;font-size:.9rem;font-weight:600}.switch-detail{display:block;font-size:.8rem;color:var(--ink-3)}.switch{position:relative;flex:none}.switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.switch-track{display:block;width:40px;height:23px;border-radius:999px;background:var(--line-strong);transition:background .18s;position:relative}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:none;transition:transform .18s}.switch input:checked+.switch-track{background:var(--navy)}.switch input:checked+.switch-track:after{transform:translate(17px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--navy);outline-offset:2px}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.money{display:grid;grid-template-columns:112px minmax(0,1fr)}.money select{border-radius:var(--r-sm) 0 0 var(--r-sm);background-color:var(--paper);border-right:0}.money input{border-radius:0 var(--r-sm) var(--r-sm) 0;font-variant-numeric:tabular-nums;font-size:1rem}.with-count{position:relative}.with-count input{padding-right:64px}.count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.74rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.dates:empty{display:none}.summary{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:11px;font-size:.88rem;background:var(--draft-bg);color:var(--draft)}.summary svg{margin-top:2px}.summary.tone-live{background:var(--live-bg);color:#0f5a2c}.summary.tone-scheduled{background:var(--sched-bg);color:#7c3d06}.summary.tone-neutral{background:var(--paper-2);color:var(--ink-2)}.editor-side{position:sticky;top:84px}.preview{display:grid;gap:12px}.preview-label{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:620;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.preview-card{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2);transition:opacity .2s,filter .2s}.preview-media{position:relative;aspect-ratio:4 / 3;background:var(--paper-2)}.preview-media img{width:100%;height:100%;object-fit:cover}.preview-card.is-hidden .preview-media img{filter:grayscale(1) brightness(.9)}.preview-veil{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:560}.preview-body{display:grid;gap:9px;justify-items:start;padding:16px 18px 18px}.preview-name{font-family:var(--serif);font-weight:450;font-size:1.4rem;line-height:1.2}.preview-price{font-size:.92rem;font-weight:560;color:var(--ink);font-variant-numeric:tabular-nums}.preview-headline{font-size:.86rem;color:var(--ink-2)}.preview-meta{font-size:.78rem;color:var(--ink-3)}.savebar{position:fixed;left:calc(var(--side-w) + 50%);bottom:22px;transform:translate(calc(-50% - var(--side-w) / 2),140%);z-index:30;display:flex;align-items:center;gap:18px;padding:9px 9px 9px 18px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:var(--shadow-3);transition:transform .28s cubic-bezier(.2,.9,.3,1.2)}.savebar.is-dirty{transform:translate(calc(-50% - var(--side-w) / 2))}.savebar:not(.is-dirty){visibility:hidden;transition:transform .28s cubic-bezier(.2,.9,.3,1.2),visibility 0s .28s}.savebar-text{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:560;white-space:nowrap}.savebar-dot{width:8px;height:8px;border-radius:50%;background:var(--staging)}.savebar-actions{display:flex;gap:6px}.savebar .btn-ghost{color:#ffffffbf}.savebar .btn-ghost:hover:not(:disabled){background:#ffffff1a;color:#fff}.savebar .btn-primary{background:#fff;border-color:#fff;color:var(--ink)}.savebar .btn-primary:hover:not(:disabled){background:#eceef4;border-color:#eceef4}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f142480;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes slide{0%{transform:translate(40px);opacity:0}}.modal{width:min(480px,100%);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-3);animation:rise .2s ease;overflow:hidden}.modal.tone-live{border-top:4px solid var(--prod)}.modal.tone-danger{border-top:4px solid var(--bad)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 6px 24px}.modal-head h2{font-family:var(--serif);font-weight:450;font-size:1.45rem;line-height:1.2}.modal-body{display:grid;gap:12px;padding:6px 24px 18px;color:var(--ink-2);font-size:.92rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;background:var(--paper);border-top:1px solid var(--line)}.publish-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.publish-list li{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;background:var(--paper);color:var(--ink);font-weight:560}.publish-list img{width:40px;height:30px;border-radius:6px;object-fit:cover}.overlay-drawer{place-items:stretch end;padding:0}.drawer{width:min(460px,100vw);height:100%;display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-3);animation:slide .22s ease}.drawer-head{display:flex;justify-content:space-between;gap:12px;padding:24px 22px 18px 26px;border-bottom:1px solid var(--line)}.drawer-head h2{font-family:var(--serif);font-weight:450;font-size:1.55rem;line-height:1.2}.drawer-head p{margin-top:4px;font-size:.86rem;color:var(--ink-3)}.drawer-form{flex:1;display:flex;flex-direction:column;min-height:0}.drawer-body{flex:1;overflow:auto;display:grid;align-content:start;gap:20px;padding:22px 26px}.drawer-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:var(--paper)}.overlay-nav{place-items:stretch start;padding:0}.side-mobile{position:relative;top:0;width:min(280px,calc(100vw - 28px));height:calc(100% - var(--side-gap) * 2);background:var(--surface);animation:slide .2s ease reverse}.people{display:grid;gap:10px}.person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av main meta" "av main actions";gap:4px 16px;align-items:start;padding:18px 20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.person>.avatar{grid-area:av}.person.is-off{opacity:.6}.person-main{grid-area:main;display:grid;gap:2px;min-width:0}.person-name{font-weight:640;display:flex;align-items:center;gap:8px}.you{padding:1px 7px;border-radius:999px;background:#eff2f8;color:var(--navy);font-size:.7rem;font-weight:650}.person-email{font-size:.86rem;color:var(--ink-3)}.perm-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.perm-chip{padding:2px 9px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:.74rem;color:var(--ink-2)}.person-meta{grid-area:meta;display:grid;justify-items:end;gap:4px}.person-seen{font-size:.78rem;color:var(--ink-3)}.person-actions{grid-area:actions;align-self:end;display:flex;gap:2px;justify-content:flex-end;flex-wrap:wrap}.secret{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 14px;border-radius:11px;background:var(--paper);border:1px dashed var(--line-strong)}.secret code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1rem;font-weight:600;color:var(--ink);word-break:break-all}.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.preset{display:grid;gap:2px;text-align:left;padding:11px 13px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.preset:hover{border-color:#bdb6a6}.preset[data-on=true]{border-color:var(--navy);background:var(--navy);color:#fff}.preset[data-on=true] .preset-detail{color:#ffffffbf}.preset-name{font-size:.88rem;font-weight:640}.preset-detail{font-size:.76rem;color:var(--ink-3);line-height:1.35}.checks{display:grid;gap:8px;margin-top:10px}.check-inline{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--ink-2);cursor:pointer}.check-inline input{accent-color:var(--navy);width:16px;height:16px}.timeline{display:grid;gap:26px}.tl-day-label{position:sticky;top:70px;z-index:2;display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;background:var(--paper-2);font-size:.76rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.tl-list{list-style:none;margin:0;padding:0;display:grid;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden}.tl-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:14px 18px;border-top:1px solid var(--line-2)}.tl-item:first-child{border-top:0}.tl-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--paper-2);color:var(--ink-2)}.tl-icon.is-staging{background:var(--staging-bg);color:var(--staging-ink)}.tl-icon.is-production{background:var(--prod-bg);color:var(--prod-ink)}.tl-summary{font-size:.92rem;font-weight:540;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tl-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.78rem;color:var(--ink-3)}.tl-changes{margin-top:8px}.tl-changes summary{display:inline-block;font-size:.78rem;font-weight:600;color:var(--navy);cursor:pointer}.diff{margin:8px 0 0;display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--paper)}.diff-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;font-size:.8rem}.diff dt{color:var(--ink-3);text-transform:capitalize}.diff dd{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--ink-3)}.diff-was{text-decoration:line-through}.diff-is{color:var(--ink);font-weight:600}.load-more{display:flex;margin:20px auto 0}.account{display:grid;gap:16px;max-width:720px}.panel{display:grid;gap:16px;padding:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.panel-title{font-size:1.05rem;font-weight:640}.profile{grid-template-columns:auto minmax(0,1fr);align-items:center}.profile-name{font-family:var(--serif);font-weight:450;font-size:1.6rem;line-height:1.2}.profile-email{color:var(--ink-3);font-size:.9rem;margin:2px 0 8px}.role-pill{display:inline-block;padding:3px 10px;border-radius:999px;background:#eff2f8;color:var(--navy);font-size:.76rem;font-weight:650}.profile-perms{grid-column:1 / -1;padding-top:16px;border-top:1px solid var(--line-2)}.strength{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.strength i{height:4px;border-radius:2px;background:var(--line)}.strength.s-1 i:nth-child(1){background:var(--bad)}.strength.s-2 i:nth-child(-n+2){background:var(--sched)}.strength.s-3 i{background:var(--live)}.signin{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;background:var(--surface)}.signin-art{position:relative;background-size:cover;background-position:center;color:#fff}.signin-art:before{content:"";position:absolute;inset:0;background:#13203fd1}.signin-art-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px 48px}.signin-art-logo{width:150px;height:auto;color:#fff}.signin-art-kicker{font-size:.76rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.signin-art-title{margin:12px 0 22px;font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,2.6vw,2.5rem);line-height:1.2;letter-spacing:-.01em;max-width:20ch}.signin-art-project{width:min(300px,70%);height:auto}.signin-main{display:grid;place-items:center;padding:40px 24px}.signin-form{width:min(380px,100%);display:grid;gap:16px}.signin-logo-mobile{display:none;width:120px;height:auto;color:var(--navy);margin-bottom:8px}.signin-title{font-family:var(--serif);font-weight:450;font-size:2.3rem;line-height:1.15;letter-spacing:-.015em}.signin-sub{margin-top:-6px;color:var(--ink-3);font-size:.92rem}.signin-field{display:grid;gap:6px}.signin-field>span:first-child{font-size:.84rem;font-weight:560}.signin-field input{padding:12px 14px}.pw{position:relative}.pw input{padding-right:64px}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;padding:5px 8px;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--ink-2);cursor:pointer}.pw-toggle:hover{background:var(--paper)}.signin-help{font-size:.8rem;color:var(--ink-3)}.booting{display:grid;place-items:center;min-height:100vh;color:var(--navy)}.booting-logo{width:150px;height:auto;margin:0 auto 12px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.empty{padding:48px 20px;text-align:center;color:var(--ink-2)}.toasts{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:60;display:grid;gap:8px;width:min(520px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:12px;background:var(--ink);color:#fff;font-size:.88rem;box-shadow:var(--shadow-3);animation:rise .2s ease}.toast.bad{background:#7f1d1a}.toast button{border:0;background:#ffffff1f;color:#fff;width:26px;height:26px;border-radius:7px;cursor:pointer;font-size:1rem;line-height:1}@media(max-width:1100px){.editor{grid-template-columns:minmax(0,1fr)}.editor-side{position:static;order:-1}.preview-card{display:grid;grid-template-columns:180px minmax(0,1fr)}.preview-media{aspect-ratio:auto;min-height:100%}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.prow{grid-template-columns:52px minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,.9fr) auto 16px}.prow-price{display:none}}@media(max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.app>.side{display:none}.topbar-menu{display:inline-grid}.topbar{padding:10px 14px;flex-wrap:wrap}.topbar-where{order:3;flex-basis:100%;font-size:.8rem}.page{padding:22px 16px 120px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter:first-child{grid-column:1 / -1}.prow{grid-template-columns:52px minmax(0,1fr) 16px}.prow>.site-tag,.prow-status,.prow-actions{display:none}.savebar,.savebar.is-dirty{left:16px;right:16px;transform:none}.savebar:not(.is-dirty){transform:translateY(160%)}.savebar{justify-content:space-between}.person{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av main" "meta meta" "actions actions"}.person-meta{justify-items:start;grid-auto-flow:column;align-items:center;justify-content:start;gap:10px;margin-top:8px}.person-actions{justify-content:flex-start}.preview-card{grid-template-columns:120px minmax(0,1fr)}.signin{grid-template-columns:minmax(0,1fr)}.signin-art{display:none}.signin-logo-mobile{display:block}.step{grid-template-columns:minmax(0,1fr);padding:18px}.step-n{display:none}.diff-row{grid-template-columns:minmax(0,1fr);gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.org-group+.org-group{margin-top:28px}.org-title{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.org-mark{width:10px;height:10px;border-radius:3px}.org-trc .org-mark{background:#203264}.org-cantonments .org-mark{background:#00ab9f}.org-count{padding:1px 8px;border-radius:999px;background:var(--paper-2);font-size:.72rem;letter-spacing:0}.side-logo-cc{display:block;width:170px;height:auto}.side-credit{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:.7rem;color:var(--ink-3)}.side-credit-logo{width:58px;height:auto;color:currentColor}.signin-art-credit{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#ffffffb3}.signin-art-credit-logo{width:84px;height:auto;color:#fff}[data-brand=cantonments]{--navy: #00625c;--navy-deep: #004a45;--ink: #14141a;--ink-2: #4a4f5c;--ink-3: #868b97;--paper: #f3f6f8;--paper-2: #e8eef2;--surface: #ffffff;--line: #e1e7ec;--line-2: #edf1f4;--line-strong: #cfd8df;--staging: #1590c4;--staging-ink: #085e7f;--staging-bg: #e4f4fb;--prod: #ef3c3a;--prod-ink: #a51f1d;--prod-bg: #fdeceb;--sans: "Montserrat", ui-sans-serif, system-ui, sans-serif;--serif: "Montserrat", ui-sans-serif, system-ui, sans-serif;--r-lg: 18px}[data-brand=cantonments] body{letter-spacing:-.005em}[data-brand=cantonments] .page-title,[data-brand=cantonments] .signin-title{font-weight:700;letter-spacing:-.035em;line-height:1.1}[data-brand=cantonments] .filter-count,[data-brand=cantonments] .preview-name,[data-brand=cantonments] .profile-name,[data-brand=cantonments] .modal-head h2,[data-brand=cantonments] .drawer-head h2{font-weight:700;letter-spacing:-.03em}[data-brand=cantonments] .filter-count{font-size:1.7rem}[data-brand=cantonments] .side{background:#0e1424;border-color:#1c2640;color:#e8eefb;box-shadow:none}[data-brand=cantonments] .side-portal,[data-brand=cantonments] .side-me-role,[data-brand=cantonments] .side-credit{color:#8d9ab8}[data-brand=cantonments] .side-nav a{color:#b9c4dd}[data-brand=cantonments] .side-nav a:hover{background:#ffffff12;color:#fff}[data-brand=cantonments] .side-nav a.active{background:#00ab9f;color:#06201e;box-shadow:none}[data-brand=cantonments] .side-foot{border-top-color:#ffffff1a}[data-brand=cantonments] .side-me:hover,[data-brand=cantonments] .side-me.active{background:#ffffff12}[data-brand=cantonments] .side-me-name{color:#fff}[data-brand=cantonments] .side .icon-btn{color:#b9c4dd}[data-brand=cantonments] .side .icon-btn:hover{background:#ffffff14;color:#fff}[data-brand=cantonments] .pcard-name,[data-brand=cantonments] .prow-name{font-weight:700;letter-spacing:-.02em}[data-brand=cantonments] .filter[aria-selected=true]{border-color:#00625c;background:#00625c}[data-brand=cantonments] .seg-opt:not([class*=tone-])[data-on=true] .seg-text{background:#14141a;border-color:#14141a}[data-brand=cantonments] .btn{border-radius:999px;font-weight:600}[data-brand=cantonments] .btn-sm{border-radius:999px}[data-brand=cantonments] .btn-publish:not(:disabled){background:#00625c;border-color:#00625c}[data-brand=cantonments] .btn-publish:hover:not(:disabled){background:#004a45;border-color:#004a45}[data-brand=cantonments] .env-btn.is-staging[aria-pressed=true]{color:#fff}[data-brand=cantonments] .topbar{background:var(--paper)}[data-brand=cantonments] .signin-art:before{background:#004a45d6}[data-brand=cantonments] .signin-art-project{width:min(320px,76%)}[data-brand=cantonments] .signin-logo-mobile{width:200px}[data-brand=cantonments] .you,[data-brand=cantonments] .role-pill{background:#e0f4f2;color:#00625c}[data-brand=cantonments] .pcard-edit:hover{background:#e6f4f2}