:root{--bg: #f7f6f3;--panel: #ffffff;--ink: #14130f;--ink-2: #6d6a61;--line: #e4e2da;--accent: #14130f;--danger: #b3261e;--live: #1f7a3f;--draft: #8a6d1a;--radius: 10px;--serif: "PP Editorial New", Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45}h1{font-family:var(--serif);font-weight:500;font-size:26px;margin:0 0 8px}h2{font-family:var(--serif);font-weight:500;font-size:20px;margin:0 0 8px}a{color:inherit;text-decoration:none}code{background:var(--line);padding:1px 5px;border-radius:4px;font-size:12px}.muted{color:var(--ink-2)}.small{font-size:12px}.error{color:var(--danger);background:#fbeae9;border:1px solid #f0c9c6;border-radius:var(--radius);padding:8px 12px}.notice{color:#1d5c33;background:#e6f2ea;border:1px solid #c2ddcb;border-radius:var(--radius);padding:8px 12px;margin:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer}.btn:hover{border-color:var(--ink-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover{background:#000}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger-ghost{color:var(--danger);border-color:#f0c9c6}.btn-link{border:none;background:none;color:var(--ink-2);text-decoration:underline;padding:4px}.btn-add{width:100%;border-style:dashed;color:var(--ink-2)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}.chip-on{background:var(--ink);border-color:var(--ink);color:#fff}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;color:var(--ink-2);font-size:13px;padding:2px 6px;border-radius:5px}.icon-btn:hover{background:var(--line)}.icon-danger:hover{color:var(--danger)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:400px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:12px}.auth-brand{font-family:var(--serif);font-size:30px;letter-spacing:-.5px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500}.diag{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:4px}.diag-label{font-size:12px;color:var(--ink-2);margin:0}.diag-value{font-size:12px;word-break:break-all;background:none;padding:0}.qr{width:190px;height:190px;align-self:center;background:#fff;border-radius:8px}.qr svg{width:100%;height:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:28px;padding:0 24px;height:56px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{font-family:var(--serif);font-size:21px}.nav{display:flex;gap:4px}.nav a{padding:6px 12px;border-radius:8px;color:var(--ink-2);font-weight:500}.nav a.active{background:var(--bg);color:var(--ink)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.main{flex:1}.page{max-width:980px;margin:0 auto;padding:28px 24px 60px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.list-controls{display:flex;gap:8px;align-items:center;margin-bottom:16px}.input-search{max-width:320px}.content-list{display:flex;flex-direction:column;gap:8px}.content-row{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}.content-row:hover{border-color:var(--ink-2)}.row-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--line)}.row-thumb-empty{display:inline-block}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{color:var(--ink-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.row-date{color:var(--ink-2);font-size:12px;width:52px;text-align:right}.status-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.badge-draft{background:#f5ecd2;color:var(--draft)}.badge-live{background:#ddefe2;color:var(--live)}.badge-wip{background:#e6e6f2;color:#4a4a8f}.save-state{color:var(--ink-2);font-size:12px}.list-section-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-2);margin:0 0 8px}.mini-badge{font-size:11px;background:var(--bg);border:1px solid var(--line);color:var(--ink-2);padding:2px 8px;border-radius:999px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;max-width:1180px;margin:0 auto;padding:24px 24px 80px;align-items:start}@media (max-width: 980px){.editor-layout{grid-template-columns:1fr}.preview-col{order:-1}}.editor-col{display:flex;flex-direction:column;gap:20px;min-width:0}.field{display:flex;flex-direction:column;gap:6px}.field-labelrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.field-label{font-weight:600;font-size:13px}.field-hint{color:var(--ink-2);font-size:12px;margin:0}.comment-anchor{position:relative}.comment-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);border-radius:999px;font-size:11px;padding:2px 8px;cursor:pointer;color:var(--ink-2);line-height:1.6}.comment-chip:hover{border-color:var(--ink-2)}.comment-chip-open{background:#fdf4e3;border-color:#eadfb8;color:var(--draft);font-weight:600}.comment-chip-resolved{opacity:.55}.comment-count-pill{font-size:12px;background:#fdf4e3;color:var(--draft);border:1px solid #eadfb8;border-radius:999px;padding:2px 9px}.comment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.comment-pop{position:absolute;right:0;top:26px;z-index:41;width:300px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px #00000029;padding:12px;display:flex;flex-direction:column;gap:10px}.comment-pop-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px}.comment-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.comment-item{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.comment-done{opacity:.55}.comment-done .comment-body{text-decoration:line-through}.comment-meta{display:flex;justify-content:space-between;font-size:11px;margin-bottom:3px}.comment-author{font-weight:600}.comment-time{color:var(--ink-2)}.comment-body{margin:0;font-size:13px;white-space:pre-wrap}.comment-actions{display:flex;gap:10px;margin-top:6px}.comment-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;font-size:11px;color:var(--ink-2);cursor:pointer;text-decoration:underline}.comment-link:hover{color:var(--ink)}.comment-link-danger:hover{color:var(--danger)}.comment-add{display:flex;flex-direction:column;gap:6px}.input{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 12px;font-size:14px;font-family:var(--sans);color:var(--ink)}.input:focus{outline:none;border-color:var(--ink)}textarea.input{resize:vertical}.input-emoji{width:64px;text-align:center;flex-shrink:0}.input-type{width:100px;flex-shrink:0}.input-num{width:90px}.row{display:flex;gap:8px}.text-input-wrap{position:relative}.char-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--ink-2);background:var(--panel);padding-left:6px}.char-over{color:var(--danger);font-weight:700}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;cursor:pointer}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:44px;height:26px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.switch-on{background:var(--ink)}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.switch-on .switch-knob{left:21px}.slider{width:100%;accent-color:var(--ink)}.card-list{display:flex;flex-direction:column;gap:10px}.card-editor{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.card-editor-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.4px}.card-editor-actions{display:flex;gap:2px}.media-thumb{max-height:120px;border-radius:8px;object-fit:cover;align-self:flex-start}.topic-picker{display:flex;flex-wrap:wrap;gap:6px}.publish-bar{position:sticky;top:56px;z-index:10;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}.dirty-dot{color:var(--draft);font-size:12px}.publish-actions{margin-left:auto;display:flex;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0880;display:grid;place-items:center;z-index:100}.modal{width:440px;max-width:calc(100vw - 40px);background:var(--panel);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px}.modal-warning{background:#f7f1de;border:1px solid #eadfb8;border-radius:8px;padding:10px 12px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px}.preview-col{position:sticky;top:80px;display:flex;flex-direction:column;gap:10px;align-items:center}.preview-toolbar{display:flex;gap:6px;align-items:center}.preview-label{font-size:12px;color:var(--ink-2);margin-right:6px}.phone{width:320px;height:660px;border-radius:44px;padding:10px;background:#0e0e10;box-shadow:0 18px 50px #00000040;position:relative}.phone-notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#0e0e10;border-radius:999px;z-index:5}.phone-screen{width:100%;height:100%;border-radius:36px;overflow:hidden;position:relative;--pbg: #ffffff;--pink: #0f0f0f;--pink2: #71716e;--pcard: #f2f2f4;background:var(--pbg);color:var(--pink)}.phone-dark .phone-screen{--pbg: #000000;--pink: #f4f4f2;--pink2: #98988f;--pcard: #1c1c1e}.ph-scroll{height:100%;overflow-y:auto;scrollbar-width:none}.ph-scroll::-webkit-scrollbar{display:none}.ph-hero{position:relative;min-height:400px;display:flex;align-items:flex-end}.ph-hero img,.ph-hero-video,.ph-hero-empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ph-hero-video{display:grid;place-items:center;background:#26262b;color:#ddd;font-size:26px}.ph-hero-video em{font-size:12px}.ph-hero-empty{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#2a2a2e,#2a2a2e 12px,#232327 12px,#232327 24px);color:#888;font-size:12px}.ph-title-block{position:relative;width:100%;padding:90px 16px 14px;background:linear-gradient(to bottom,transparent 0%,var(--pbg) 62%)}.ph-title{margin:0;font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.08;letter-spacing:-1px;text-align:center;color:var(--pink)}.ph-body{background:var(--pbg);padding:0 14px}.ph-date{color:var(--pink2);font-size:12px;margin:4px 0 8px}.ph-subtitle{font-size:13.5px;margin:0 0 12px}.ph-tabs{display:flex;margin-bottom:12px}.ph-tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--pink2);font-size:12.5px;padding:7px 0;cursor:pointer}.ph-tab-on{color:var(--pink);font-weight:600;border-bottom-color:var(--pink)}.ph-cards{display:flex;flex-direction:column;gap:10px}.ph-card{background:var(--pcard);border-radius:12px;padding:13px}.ph-card h3{margin:0 0 5px;font-size:13.5px}.ph-card p{margin:0;font-size:12.5px;color:var(--pink2)}.ph-emoji{font-size:15px}.ph-link{display:inline-block;margin-top:7px;color:#3b82f6;font-size:12px;font-weight:500}.ph-empty{color:var(--pink2);font-size:12.5px;padding:8px 2px}.ph-outlet-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.ph-outlet-logo{width:20px;height:20px;border-radius:4px;object-fit:contain}.ph-outlet-logo-empty{background:var(--pink2);opacity:.3;display:inline-block}.ph-outlet-name{font-size:12.5px;font-weight:500;color:var(--pink)}.ph-source-headline{font-weight:700;color:var(--pink)!important}.ph-coverage-pill{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:color-mix(in srgb,var(--pink) 92%,transparent);color:var(--pbg);font-size:11.5px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}.ph-pill-meter{width:40px;height:4px;background:color-mix(in srgb,var(--pbg) 35%,transparent);border-radius:999px;overflow:hidden}.ph-pill-fill{display:block;height:100%;background:var(--pbg)}.ph-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:6}.ph-sheet{width:100%;height:78%;background:var(--pbg);color:var(--pink);border-radius:28px 28px 0 0;padding:10px 18px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.ph-sheet-handle{width:34px;height:5px;border-radius:999px;background:var(--pink2);opacity:.4}.ph-sheet-status{font-family:var(--serif);font-style:italic;font-size:24px;margin:26px 0 0;text-align:center}.ph-sheet-meter{width:170px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--pink2) 35%,transparent);overflow:hidden}.ph-sheet-meter span{display:block;height:100%;background:var(--pink)}.ph-sheet-count{font-size:13px;margin:0;text-align:center}.ph-sheet-outlets{width:100%;overflow-y:auto}.ph-sheet-outlets-head{font-size:13px;font-weight:700;margin:0 0 8px}.ph-sheet-count strong{font-family:var(--serif);font-size:26px;font-weight:500;margin-right:6px}