:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;background:#0f766e;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;white-space:nowrap}button:disabled{cursor:wait;opacity:.65}button.secondary{background:#e2e8f0;color:#1e293b}button.danger{background:#fee2e2;color:#991b1b}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button.icon-button{width:40px;padding:0;background:#1e293b}.shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.topbar{display:grid;grid-template-columns:1fr minmax(260px,360px);gap:24px;align-items:end}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.1}h2{font-size:18px;display:flex;align-items:center;gap:8px}h3{font-size:16px;line-height:1.35}.topbar p{margin-top:8px;color:#64748b}.api-key{display:grid;gap:6px}.api-key label,.form label{font-size:12px;color:#64748b}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#162033;padding:10px 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metric{border:1px solid #dbe4ef;border-radius:8px;background:#fff;padding:16px}.metric span,.score,.status,.switch{color:#64748b;font-size:12px}.metric strong{display:block;margin-top:8px;font-size:28px}.analysis-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.analysis-metric{border:1px solid #dbe4ef;border-radius:8px;background:#fff;padding:12px}.analysis-metric span,.merge-reason,.status-line,.source-link,.analysis-heading,.score-bar span,.score-bar strong{color:#64748b;font-size:12px}.analysis-metric strong{display:block;margin-top:4px;color:#162033;font-size:24px}.analysis-metric.good{border-color:#99f6e4}.analysis-metric.warn{border-color:#fed7aa}.analysis-metric.merge{border-color:#bfdbfe}.analysis-metric.muted{background:#f8fafc}.tabs{display:flex;gap:8px;align-items:center;margin-bottom:16px;overflow-x:auto}.tabs button{background:#e2e8f0;color:#1e293b}.tabs button.active{background:#1e293b;color:#fff}.panel{display:grid;gap:14px}.panel.split{grid-template-columns:minmax(280px,360px) 1fr}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.actions.left{justify-content:flex-start}.settings-stack{display:grid;gap:18px}.list{display:grid;gap:10px}.row,.form,.reference{border:1px solid #dbe4ef;border-radius:8px;background:#fff;padding:14px}.row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.row.working-row{border-color:#99f6e4;box-shadow:0 0 0 3px #14b8a61f}.row.post-row{align-items:start;grid-template-columns:108px 1fr auto}.post-groups{display:grid;gap:14px}.post-group{border:1px solid #dbe4ef;border-radius:8px;background:#f8fafc;display:grid;gap:10px;padding:12px}.post-group-head{align-items:start;display:flex;gap:12px;justify-content:space-between}.row-main{display:grid;gap:6px;min-width:0}.status-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.decision{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 8px}.decision.good{background:#ccfbf1;color:#115e59}.decision.muted{background:#e2e8f0;color:#334155}.decision.warn{background:#ffedd5;color:#9a3412}.row-main p{color:#475569;line-height:1.45;max-width:80ch}.status{text-transform:uppercase;letter-spacing:0;font-weight:700}.source-link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;width:fit-content}.ai-analysis{border-top:1px solid #e2e8f0;display:grid;gap:8px;margin-top:4px;padding-top:10px}.ai-analysis.pending{align-items:center;color:#9a3412;display:flex;gap:6px}.ai-analysis.running{color:#0f766e}.analysis-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px;text-transform:uppercase}.score-bars{display:grid;gap:6px;max-width:520px}.score-bar{align-items:center;display:grid;grid-template-columns:76px minmax(120px,1fr) 42px;gap:8px}.score-bar div{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.score-bar i{background:#0f766e;display:block;height:100%}.ai-reason{font-size:13px}.option-summary{border-top:1px solid #e2e8f0;display:grid;gap:8px;margin-top:4px;padding-top:10px}.option-chip-row,.variant-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.format-chip{background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;color:#155e75;display:inline-flex;font-size:12px;font-weight:700;line-height:1;padding:6px 8px}.make-post-modal{background:#0f172a;border:1px solid rgba(226,232,240,.22);border-radius:8px;box-shadow:0 24px 80px #02061773;color:#f8fafc;display:grid;gap:14px;max-height:calc(100vh - 48px);max-width:min(94vw,860px);overflow:auto;padding:14px;position:relative;width:860px;z-index:1}.modal-article-title{display:grid;gap:6px}.modal-article-title p{color:#cbd5e1}.option-modal-list{display:grid;gap:10px}.publication-option-card{align-items:start;background:#f8fafc;border:1px solid #dbe4ef;border-radius:8px;color:#162033;display:grid;gap:10px;grid-template-columns:22px 1fr;padding:12px}.publication-option-card input,.custom-format input{width:auto}.option-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.option-card-head span{background:#ccfbf1;border-radius:999px;color:#115e59;font-size:12px;font-weight:700;padding:4px 7px}.publication-option-card p{color:#475569;font-size:13px;line-height:1.4;margin-top:7px}.custom-format-panel{border-top:1px solid rgba(226,232,240,.18);display:grid;gap:8px;padding-top:10px}.custom-format-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.custom-format{align-items:center;background:#f8fafc14;border:1px solid rgba(226,232,240,.18);border-radius:8px;display:flex;gap:8px;padding:10px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.merge-panel{border:1px solid #bfdbfe;border-radius:8px;background:#f8fbff;display:grid;gap:10px;padding:12px}.merge-title{align-items:center;color:#1e3a8a;display:flex;font-size:13px;font-weight:700;gap:6px}.merge-list{display:grid;gap:8px}.merge-group{display:grid;gap:4px}.merge-group p{color:#475569;font-size:13px;line-height:1.4}.merge-group span{color:#334155;font-size:13px;line-height:1.35}.thumb{width:96px;height:96px;object-fit:cover;border-radius:8px;background:#e2e8f0}.thumb.story-thumb{aspect-ratio:9 / 16;height:auto;width:108px}.image-preview-trigger{background:transparent;border-radius:8px;height:auto;min-height:0;padding:0;position:relative;width:108px}.media-count{background:#0f172ab8;border-radius:999px;bottom:6px;color:#fff;font-size:12px;font-weight:700;padding:4px 7px;position:absolute;right:6px}.image-preview-trigger:hover,.image-preview-trigger:focus-visible{box-shadow:0 0 0 3px #0f766e33;outline:none}.thumb.placeholder{align-items:center;color:#64748b;display:flex;justify-content:center}.reference-picker{border-top:1px solid #e2e8f0;display:grid;gap:8px;margin-top:4px;padding-top:8px}.reference-picker-title{align-items:center;color:#64748b;display:flex;font-size:12px;gap:5px}.generation-progress{align-items:center;background:#dbeafe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:7px;margin-top:4px;padding:9px 11px;width:fit-content}.reference-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px}button.reference-option{align-items:stretch;background:#fff;border:1px solid #dbe4ef;color:#162033;display:grid;gap:6px;height:auto;justify-content:stretch;min-height:0;padding:6px;text-align:left;white-space:normal}button.reference-option.selected{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e24}button.reference-option.selected:after{background:#0f766e;border-radius:999px;color:#fff;content:"Selected";font-size:11px;font-weight:700;justify-self:start;padding:3px 7px}button.reference-option img{aspect-ratio:1.35;background:#e2e8f0;border-radius:6px;object-fit:cover;width:100%}button.reference-option span{color:#334155;display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}button.reference-generate{justify-self:start}.object-reference{border-top:1px solid #e2e8f0;display:grid;gap:5px;margin-top:4px;padding-top:8px}.object-reference div,.object-reference a,.object-reference span{align-items:center;color:#64748b;display:inline-flex;font-size:12px;gap:5px}.object-reference a{color:#0f766e;text-decoration:none;width:fit-content}.object-reference p{color:#64748b;font-size:12px;line-height:1.4}.image-modal{align-items:center;display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;padding:24px;position:fixed;z-index:50}.image-modal-backdrop{background:#0f172ac7;border-radius:0;top:0;right:0;bottom:0;left:0;min-height:0;padding:0;position:absolute;width:100%}.image-modal-content{background:#0f172a;border:1px solid rgba(226,232,240,.22);border-radius:8px;box-shadow:0 24px 80px #02061773;display:grid;gap:12px;max-height:calc(100vh - 48px);max-width:min(92vw,720px);padding:12px;position:relative;width:fit-content;z-index:1}.image-modal-topbar{align-items:center;color:#f8fafc;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 40px}.image-modal-topbar span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-modal-content img{border-radius:6px;display:block;max-height:calc(100vh - 132px);max-width:calc(92vw - 24px);object-fit:contain}.form{display:grid;gap:10px;align-content:start}.provider-settings{border:1px solid #dbe4ef;border-radius:8px;background:#f8fafc;display:grid;gap:10px;padding:12px}.checkbox-row{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.checkbox-row input{width:auto}.reference{display:grid;gap:10px;align-content:start}.active-reference-preview{background:#f8fafc;border:1px solid #dbe4ef;border-radius:8px;display:block;height:auto;min-height:0;overflow:hidden;padding:0;width:min(100%,420px)}.active-reference-preview img{aspect-ratio:16 / 9;display:block;object-fit:cover;width:100%}.test-result{border-radius:8px;font-size:13px;line-height:1.45;padding:10px 12px}.test-result.ok{background:#ccfbf1;color:#115e59}.test-result.fail{background:#fee2e2;color:#991b1b}.error,.busy{border-radius:8px;padding:12px 14px;margin-bottom:16px}.error{background:#fee2e2;color:#991b1b}.busy{background:#dbeafe;color:#1e40af}@media(max-width:860px){.topbar,.metrics,.analysis-grid,.panel.split,.row,.row.post-row,.custom-format-grid{grid-template-columns:1fr}.row-actions,.actions{justify-content:flex-start}.metrics{grid-template-columns:repeat(2,1fr)}}
