:root{--bg-top:#edf3ff;--bg-bottom:#dce8fb;--surface:#ffffff;--surface-soft:#f7faff;--line:#d5deee;--line-strong:#b3c3de;--text:#0f1f33;--muted:#4f607c;--primary:#0e5fbc;--primary-strong:#0c4f9d;--primary-soft:#e8f1ff;--success-bg:#e7f7ee;--success-text:#136235;--danger-bg:#fdebec;--danger-text:#9b1c23;--warning-bg:#fff3e0;--warning-text:#8a5a00;--sidebar-width:248px;--shadow-soft:0 10px 28px rgba(23,49,84,0.08)}*{box-sizing:border-box}body{margin:0;color:var(--text);min-height:100vh;background:radial-gradient(circle at 8% 18%,rgba(255,255,255,.7) 0,transparent 24%),radial-gradient(circle at 90% 4%,rgba(255,255,255,.42) 0,transparent 16%),linear-gradient(165deg,var(--bg-top) 0,var(--bg-bottom) 100%);font-family:IBM Plex Sans,Segoe UI,Trebuchet MS,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:1.55rem;line-height:1.25}h2{font-size:1.15rem;line-height:1.35}h3{font-size:1rem}ul{margin:0}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:.62rem .72rem;outline:none;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(14,95,188,.15)}textarea{resize:vertical}button{border:0;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:11px;padding:.56rem .9rem;border:1px solid transparent;font-weight:600;background:var(--primary);color:#fff;transition:.18s ease;box-shadow:0 2px 0 rgba(0,0,0,.08)}.btn:hover{background:var(--primary-strong);transform:translateY(-1px)}.btn-primary-strong{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 2px 0 rgba(2,6,23,.24)}.btn-primary-strong:hover{background:#020617;border-color:#020617}.btn-disabled{opacity:.55;pointer-events:none}.btn-secondary{background:#f3f7ff;color:#1f3d63;border-color:#c3d5f3;box-shadow:none}.btn-secondary:hover{background:#e6eefb}.btn-ghost{background:transparent;color:#17355b;border-color:#bfd1ec;box-shadow:none}.btn-ghost:hover{background:#edf4ff}.btn-danger{background:#c9343d;color:#fff;box-shadow:none}.btn-danger:hover{background:#b02931}.btn-success{background:#1d8c4f;color:#fff;box-shadow:none}.btn-success:hover{background:#177142}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:#ecf3ff;color:#0f4d97}.badge-admin{background:#e9f0ff;color:#103d76}.badge-editor{background:#e8f8ff;color:#075f7d}.badge-cliente{background:#f1f4f9;color:#546178}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-running{animation:badge-pulse 1.2s ease-in-out infinite}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-state-awaiting-image{background:#fff4d6;color:#9a6400}.badge-state-complete{background:#e8f0ff;color:#1d4ed8}.badge-state-scheduled{background:#e8f6ff;color:#0f6f99}.badge-state-info{background:#f1f5f9;color:#475569}.app-shell,.sidebar{min-height:100vh;display:flex;background:#fafafa}.sidebar{width:268px;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;padding:1.05rem .9rem .9rem;color:#111827;border-right:1px solid #e5e7eb;flex-direction:column;justify-content:space-between}.sidebar-top{display:grid;grid-gap:.65rem;gap:.65rem}.brand{display:flex;align-items:center;padding:.55rem .6rem;border-radius:10px;font-size:1.07rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;border:1px solid #e5e7eb;background:#fff}.brand:hover{border-color:#d1d5db}.sidebar-section{margin:.6rem 0 .1rem;padding:0 .58rem;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#b5becd}.sidebar-section-hint{padding:0 .58rem;margin:-.1rem 0 .2rem;font-size:.66rem;letter-spacing:.03em;color:#c0c7d4}.sidebar-nav{display:grid;grid-gap:.22rem;gap:.22rem}.sidebar-link{display:flex;align-items:flex-start;gap:.58rem;padding:.53rem .62rem;border-radius:10px;color:#6b7280;font-weight:500;border:1px solid transparent;transition:.16s ease}.sidebar-link-icon{width:18px;height:18px;flex-shrink:0;margin-top:.05rem}.sidebar-link-content{min-width:0;display:grid;grid-gap:.08rem;gap:.08rem}.sidebar-link-label{line-height:1.2}.sidebar-link-hint{font-size:.7rem;line-height:1.2;color:#9ca3af}.sidebar-link.active .sidebar-link-hint{color:#6b7280}.sidebar-link.active,.sidebar-link:hover{color:#111827;background:#f3f4f6}.sidebar-link.active{font-weight:600;border-color:#e5e7eb}.sidebar-footer{border-top:1px solid #e5e7eb;padding-top:.8rem;display:grid;grid-gap:.65rem;gap:.65rem}.sidebar-profile-name{font-size:.9rem;font-weight:600;color:#111827}.sidebar-profile-email{font-size:.76rem;color:#6b7280;margin-top:.08rem}.sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.48rem;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:10px;padding:.52rem .6rem;font-weight:500}.sidebar-logout:hover{border-color:#d1d5db;background:#f9fafb}.app-main{flex:1 1;min-width:0}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.65rem 1.1rem;border-bottom:1px solid #e5e7eb;background:rgba(250,250,250,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-header-copy h1{font-size:1.52rem;font-weight:650;letter-spacing:-.02em;color:#111827}.app-header-copy .muted{margin-top:.28rem;color:#6b7280}.header-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.app-content{padding:1.55rem;display:grid;grid-gap:1.15rem;gap:1.15rem;max-width:1500px}.container{max-width:1200px;margin:0 auto;padding:1.2rem}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:1rem;box-shadow:var(--shadow-soft)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.95rem;padding-bottom:.55rem;border-bottom:1px solid #e7eefb}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.9rem;gap:.9rem}.metric-card{background:linear-gradient(155deg,#ffffff,#f0f7ff);border:1px solid #cfe0f8;border-radius:14px;padding:.95rem;box-shadow:0 8px 20px rgba(20,47,82,.08)}.metric-card p{color:var(--muted);font-size:.86rem}.metric-value{font-size:1.8rem;font-weight:700;margin-top:.25rem}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem}.dashboard-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.06);padding:1.15rem}.dashboard-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dashboard-kpi-head p{font-size:.68rem;line-height:1.35;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.dashboard-kpi-icon{width:16px;height:16px;color:inherit}.dashboard-kpi-icon-badge{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569}.dashboard-kpi-card:first-child .dashboard-kpi-icon-badge{background:#e0e7ff;color:#4338ca}.dashboard-kpi-card:nth-child(2) .dashboard-kpi-icon-badge{background:#dbeafe;color:#1d4ed8}.dashboard-kpi-card:nth-child(3) .dashboard-kpi-icon-badge{background:#dcfce7;color:#15803d}.dashboard-kpi-card:nth-child(4) .dashboard-kpi-icon-badge{background:#ede9fe;color:#6d28d9}.dashboard-kpi-value{margin-top:.65rem;font-size:2rem;line-height:1.05;font-weight:700;color:#111827}.dashboard-kpi-meta{margin-top:.35rem;color:#6b7280;font-size:.84rem}.dashboard-secondary-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem}.dashboard-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.06);padding:1.25rem}.dashboard-panel-head{margin-bottom:.85rem}.dashboard-panel-head h2{font-size:1rem;font-weight:650;letter-spacing:-.01em;color:#111827}.dashboard-inline-metrics{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.dashboard-action-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:.72rem;gap:.72rem}.dashboard-action-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.68rem;gap:.68rem;border:1px solid #e5e7eb;border-radius:11px;padding:.72rem}.dashboard-action-list li strong{display:block;font-size:.9rem;color:#111827}.dashboard-action-list li p{color:#6b7280;font-size:.82rem;margin-top:.15rem}.dashboard-dot{width:8px;height:8px;border-radius:999px;background:#d1d5db}.dashboard-dot.ok{background:#22c55e}.dashboard-dot.warn{background:#f59e0b}.dashboard-dot.neutral{background:#9ca3af}.dashboard-plan-list{display:grid;grid-gap:.56rem;gap:.56rem}.dashboard-plan-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid #e5e7eb;border-radius:11px;padding:.7rem}.dashboard-plan-title{font-size:.9rem;font-weight:600;color:#111827}.dashboard-plan-meta{margin-top:.2rem;font-size:.8rem;color:#6b7280}.dashboard-footnote,.dashboard-plan-actions{display:flex;align-items:center;gap:.45rem}.dashboard-footnote{margin-top:.85rem;border-top:1px solid #e5e7eb;padding-top:.75rem;color:#6b7280;font-size:.82rem}.dashboard-help-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.06);overflow:hidden}.dashboard-help-details summary{list-style:none;cursor:pointer;padding:.95rem 1.05rem;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b;border-bottom:1px solid transparent}.dashboard-help-details[open] summary{border-bottom-color:#e5e7eb}.dashboard-help-details summary::-webkit-details-marker{display:none}.dashboard-help-content{padding:1rem 1.05rem 1.05rem;display:grid;grid-gap:.7rem;gap:.7rem}.context-grid{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.context-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.82rem}.context-card h3{font-size:.9rem;color:#111827;margin-bottom:.24rem}.context-card p{font-size:.82rem;color:#6b7280;line-height:1.4}.plan-danger-btn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:9px;padding:.48rem .9rem;font-size:.84rem;font-weight:600}.plan-danger-btn:hover{background:#fee2e2}.plan-board-header{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.06);padding:1.35rem;display:grid;grid-gap:1rem;gap:1rem}.plan-board-kicker{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.plan-board-title{margin-top:-.2rem;font-size:clamp(1.7rem,3.1vw,2rem);line-height:1.1;letter-spacing:-.02em;color:#111827}.plan-board-subtitle{color:#6b7280;margin-top:-.55rem}.plan-board-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.plan-board-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.62rem;gap:.62rem;width:min(100%,720px)}.plan-board-filter-submit{align-self:end}.plan-board-metrics{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:.72rem;gap:.72rem}.plan-board-progress{display:grid;grid-gap:.45rem;gap:.45rem}.plan-board-progress-track{width:100%;background:#e5e7eb;border-radius:999px;height:9px}.plan-board-progress-bar{background:#111827;height:9px;border-radius:999px}.plan-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.06);margin-bottom:1rem;overflow:hidden}.plan-post-card.is-rejected{border-color:#fecaca}.plan-post-card.is-complete{border-color:#bfdbfe}.plan-post-card.is-awaiting-image{border-color:#fcd34d}.plan-post-card.is-scheduled{border-color:#bae6fd}.plan-post-card.is-approved{border-color:#bbf7d0}.plan-post-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:#fafafa;border-bottom:1px solid #e5e7eb}.plan-post-head-main{min-width:0;display:grid;grid-gap:.4rem;gap:.4rem}.plan-post-date{display:flex;align-items:center;gap:.55rem}.plan-post-date-icon{width:20px;height:20px;color:#6b7280;flex-shrink:0}.plan-post-date-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.plan-post-date-title{font-size:1.06rem;font-weight:650;color:#111827;letter-spacing:-.01em}.plan-post-date-meta{margin-top:.12rem;font-size:.84rem;color:#6b7280}.plan-post-head-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.plan-post-badge{border:1px solid transparent}.plan-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:.34rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;padding:.38rem .64rem;font-size:.78rem;font-weight:600;line-height:1}.plan-quick-btn:hover{background:#f9fafb;border-color:#9ca3af}.plan-quick-btn-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.plan-quick-btn-success:hover{background:#dcfce7}.plan-quick-btn-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.plan-quick-btn-danger:hover{background:#fee2e2}.plan-quick-btn-icon{width:14px;height:14px}.plan-post-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:1rem;gap:1rem;padding:1.2rem}.plan-post-copy{grid-column:span 7}.plan-post-brief{grid-column:span 5;background:#fafafa;border:1px dashed #d1d5db;border-radius:10px;padding:1rem;align-self:start}.plan-post-section-title{font-size:.9rem;font-weight:650;letter-spacing:.01em;color:#111827}.plan-image-prompt-box{margin-top:.75rem;padding:.8rem;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;display:grid;grid-gap:.55rem;gap:.55rem}.plan-image-prompt-stack{display:grid;grid-gap:.75rem;gap:.75rem}.plan-image-prompt-title{margin:.2rem 0 0;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#334155}.plan-image-prompt-grid{display:grid;grid-gap:.75rem;gap:.75rem}.plan-image-prompt-box.is-engine{margin-top:0}.plan-image-prompt-box.is-gemini{border-color:#a7f3d0;background:#ecfdf5}.plan-image-prompt-box.is-gpt{border-color:#fde68a;background:#fffbeb}.plan-image-prompt-kicker{font-size:.74rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#1d4ed8}.plan-image-prompt-text{margin:0;color:#1f2937;font-size:.85rem;line-height:1.55;white-space:pre-wrap}.plan-image-prompt-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.45rem}.plan-image-prompt-copy-btn{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.plan-image-prompt-copy-btn:hover{background:#bfdbfe}.plan-image-prompt-feedback{font-size:.74rem;font-weight:600}.plan-image-prompt-feedback.is-success{color:#166534}.plan-image-prompt-feedback.is-error{color:#991b1b}.plan-image-prompt-legacy{margin-top:.3rem;border-top:1px dashed #cbd5e1;padding-top:.7rem}.plan-image-prompt-legacy-summary{cursor:pointer;list-style:none;font-size:.76rem;font-weight:650;color:#475569}.plan-image-prompt-legacy-summary::-webkit-details-marker{display:none}.plan-brief-details{margin-top:.82rem;border-top:1px solid #d1d5db;padding-top:.72rem}.plan-brief-details-summary{cursor:pointer;font-size:.78rem;font-weight:650;color:#4b5563;list-style:none}.plan-brief-details-summary::-webkit-details-marker{display:none}.plan-brief-groups{display:grid;grid-gap:.72rem;gap:.72rem;margin-top:.62rem}@media (min-width:1040px){.plan-image-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.plan-brief-group-title{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#6b7280}.plan-post-caption{margin-top:.52rem;white-space:pre-wrap;font-size:.96rem;line-height:1.62;color:#374151}.plan-post-hashtags{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.42rem}.plan-hashtag-pill{display:inline-flex;align-items:center;padding:.2rem .52rem;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;font-size:.73rem;font-weight:600}.plan-post-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.plan-post-meta-item{display:inline-flex;align-items:center;gap:.32rem;font-size:.77rem;color:#6b7280}.plan-post-meta-icon{width:13px;height:13px}.plan-edit-box{margin-top:.95rem;border:1px solid #e5e7eb;border-radius:11px;background:#fff}.plan-edit-summary{display:inline-flex;align-items:center;gap:.35rem;width:100%;cursor:pointer;font-weight:600;font-size:.84rem;color:#374151;padding:.72rem .82rem}.plan-edit-summary:hover{background:#f9fafb}.plan-edit-form{padding:0 .82rem .82rem}.plan-brief-list{list-style:none;padding:0;margin:.72rem 0 0;display:grid;grid-gap:.62rem;gap:.62rem}.plan-brief-list li{display:grid;grid-template-columns:auto 1fr;align-items:start;grid-gap:.48rem;gap:.48rem}.plan-brief-icon{width:15px;height:15px;color:#6b7280;margin-top:.16rem}.plan-brief-list strong{color:#111827;font-size:.78rem;letter-spacing:.01em}.plan-brief-list p{margin-top:.16rem;color:#4b5563;font-size:.82rem;line-height:1.5}.plan-post-footer{background:#fff;border-top:1px solid #f3f4f6;padding:1rem 1.2rem 1.15rem;display:grid;grid-gap:.72rem;gap:.72rem}.plan-post-footer-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.plan-upload-preview{display:grid;grid-template-columns:minmax(220px,320px) 1fr;grid-gap:.72rem;gap:.72rem;align-items:center}.plan-upload-thumb{border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.plan-upload-image{display:block;width:100%;height:auto}.plan-upload-actions{display:flex;flex-wrap:wrap;gap:.42rem;align-items:center}.plan-upload-form{display:grid;grid-gap:.55rem;gap:.55rem;position:relative}.plan-upload-dropzone{border:1px dashed #d1d5db;border-radius:10px;background:#fafafa;padding:.75rem;display:flex;gap:.52rem;align-items:center;cursor:pointer}.plan-upload-dropzone:hover{border-color:#9ca3af;background:#f5f5f5}.plan-upload-dropzone-icon{width:18px;height:18px;color:#6b7280;flex-shrink:0}.plan-upload-dropzone strong{display:block;font-size:.83rem;color:#111827}.plan-upload-dropzone p{margin-top:.1rem;font-size:.76rem;color:#6b7280}.plan-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.plan-upload-submit{width:-moz-fit-content;width:fit-content}.plan-upload-feedback{margin:.2rem 0 0;font-size:.78rem;line-height:1.45}.plan-upload-feedback.is-error{color:#b42318}.plan-upload-feedback.is-success{color:#166534}.plan-stage-label{margin:0 0 .45rem;font-size:.78rem;font-weight:700;color:#1f4b78;letter-spacing:.02em}.plan-post-stage-divider{border-top:1px solid #e5e7eb}.plan-text-actions{display:grid;grid-gap:.45rem;gap:.45rem}.plan-text-actions-row{display:flex;gap:.45rem;flex-wrap:wrap}.plan-inline-confirm{border:1px solid #f0d6b0;background:#fff9ef;border-radius:10px;padding:.6rem;display:grid;grid-gap:.45rem;gap:.45rem}.plan-image-stage{display:grid;grid-gap:.7rem;gap:.7rem}.plan-image-generate-box{border:1px dashed #d7dce7;border-radius:10px;padding:.75rem;background:#fbfdff;display:grid;grid-gap:.5rem;gap:.5rem}.plan-image-upload-stage{display:grid;grid-gap:.6rem;gap:.6rem}.plan-ai-studio{border:1px solid #dbe3f0;background:#f8fbff;border-radius:12px;padding:.75rem;display:grid;grid-gap:.65rem;gap:.65rem}.plan-ai-studio-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.plan-ai-studio-grid{display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:.8rem;gap:.8rem}.plan-ai-background-list{display:grid;grid-gap:.5rem;gap:.5rem;max-height:420px;overflow:auto;padding-right:.2rem}.plan-ai-bg-thumb{border:2px solid transparent;border-radius:10px;overflow:hidden;background:#0f172a;padding:0;cursor:pointer;width:100%;aspect-ratio:3/4}.plan-ai-bg-thumb img{display:block;width:100%;height:100%;object-fit:cover}.plan-ai-bg-thumb.is-active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.plan-ai-editor-pane{display:grid;grid-gap:.65rem;gap:.65rem}.plan-ai-preview-wrap{border:1px solid #d3deee;background:#e2e8f0;border-radius:10px;padding:.55rem;display:flex;justify-content:center}.plan-ai-preview-canvas{width:min(100%,360px);height:auto;display:block;border-radius:8px;background:#0f172a}.plan-ai-mouse-controls{display:grid;grid-gap:.35rem;gap:.35rem}.plan-ai-mouse-tool-row{display:flex;flex-wrap:wrap;gap:.35rem}.plan-ai-mouse-tool-row .btn{padding:.45rem .7rem;font-size:.76rem}.plan-ai-mouse-tool-row .btn.is-active{background:#dceaff;border-color:#8bb3eb;color:#0f3a74}.plan-ai-mouse-hint{margin:0;font-size:.75rem}.plan-ai-toggle-row{display:flex;flex-wrap:wrap;gap:.75rem}.plan-ai-toggle-row label{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#334155}.plan-ai-action-row{display:flex;flex-wrap:wrap;gap:.45rem}.plan-ai-studio-note{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#475569}.spin{animation:spin-rotate 1s linear infinite}@keyframes spin-rotate{to{transform:rotate(1turn)}}.brand-upload-card{border:1px solid #e5e7eb;border-radius:12px;padding:.75rem;background:#fcfdff;display:grid;grid-gap:.5rem;gap:.5rem}.brand-upload-title{margin:0;font-size:.9rem;font-weight:700;color:#1f2937}.brand-upload-preview{border:1px solid #dbe3f0;border-radius:10px;background:#f7fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-upload-preview.is-logo{width:220px;height:220px}.brand-upload-preview.is-ref{width:100%;min-height:140px;aspect-ratio:4/3}.brand-upload-image{display:block;width:100%;height:100%;object-fit:cover}.brand-upload-image.is-logo{object-fit:contain;background:#ffffff;padding:.4rem}.brand-logo-assets-box{border:1px solid #d8e3f4;border-radius:12px;background:#f8fbff;padding:.75rem;display:grid;grid-gap:.7rem;gap:.7rem}.brand-assets-checkbox{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;color:#334155}.brand-logo-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.7rem;gap:.7rem}.brand-logo-asset-card{border:1px solid #d5e1f1;border-radius:10px;background:#ffffff;padding:.6rem;display:grid;grid-gap:.45rem;gap:.45rem}.brand-logo-asset-preview{width:100%;min-height:132px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo-asset-preview img{display:block;width:100%;height:100%;object-fit:contain;padding:.35rem;background:#ffffff}.brand-logo-asset-name{margin:0;font-size:.84rem;font-weight:700;color:#1f2937}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.7rem;gap:.7rem;align-items:end}.form-grid{display:grid;grid-gap:.8rem;gap:.8rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field label{font-size:.84rem;color:#2e3f5d;font-weight:600}.field-help{color:var(--muted);font-size:.78rem}.actions-row{gap:.5rem}.actions-row,.flow-steps{display:flex;align-items:center;flex-wrap:wrap}.flow-steps{gap:.55rem}.flow-step{display:inline-flex;align-items:center;padding:.28rem .6rem;border-radius:999px;border:1px solid #c6d8f3;background:#eef5ff;color:#17436f;font-size:.78rem;font-weight:700;letter-spacing:.01em}.data-table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table td,.data-table th{border-bottom:1px solid var(--line);text-align:left;padding:.67rem;vertical-align:top}.data-table thead th{font-size:.82rem;text-transform:uppercase;color:#4c5f80;letter-spacing:.02em;background:var(--primary-soft);position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table tbody tr:hover{background:#f3f8ff}.empty-state{border:1px dashed #bfd0ea;border-radius:12px;padding:1.1rem;text-align:center;background:#f6f9ff;color:#4f6180}.empty-state-guide{text-align:left;display:grid;grid-gap:.5rem;gap:.5rem}.empty-state-guide h3{font-size:1rem;color:#1f3556}.empty-state-guide p{font-size:.88rem;line-height:1.45;color:#486084}.empty-state-guide strong{color:#23406b}.empty-state-actions{margin-top:.15rem}.muted{color:var(--muted);font-size:.9rem}.chip{display:inline-flex;align-items:center;gap:.2rem;padding:.22rem .48rem;border-radius:999px;font-size:.78rem;background:#ecf3ff;color:#0f4d97;border:1px solid #c9dbf6}.toast{position:fixed;right:1.2rem;bottom:1.2rem;z-index:60;border-radius:11px;padding:.7rem .9rem;border:1px solid transparent;box-shadow:0 14px 30px rgba(21,38,64,.24);animation:toast-in .18s ease-out}.toast-success{background:var(--success-bg);border-color:#b6e6c8;color:var(--success-text)}.toast-error{background:var(--danger-bg);border-color:#f4c1c5;color:var(--danger-text)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 rgba(212,157,5,.38)}70%{box-shadow:0 0 0 7px rgba(212,157,5,0)}to{box-shadow:0 0 0 0 rgba(212,157,5,0)}}.modal-overlay{position:fixed;inset:0;z-index:70;background:rgba(16,31,53,.46);display:grid;place-items:center;padding:1rem}.modal-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 16px 40px rgba(10,22,40,.26);display:grid;grid-gap:.75rem;gap:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.topbar{display:none}.login-split{min-height:100dvh;display:grid;grid-template-columns:1fr;background:#f8fafc}.brand-pane{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 18% -20%,rgba(64,94,139,.28) 0,transparent 46%),radial-gradient(1000px 520px at 92% 110%,rgba(71,103,152,.22) 0,transparent 50%),#0a0a0a;color:#e5e5e5}.brand-pane:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;pointer-events:none}.brand-pane__inner{min-height:max(42vh,360px);height:100%;flex-direction:column;padding:2.2rem 1.6rem 2rem;position:relative;z-index:1}.brand-pane__inner,.brand-pane__logo-wrap{display:flex;justify-content:center;align-items:center}.brand-pane__logo-wrap{flex:1 1;width:100%}.brand-pane__logo{width:clamp(14rem,40vw,22rem);height:auto;filter:drop-shadow(0 0 28px rgba(255,255,255,.22))}.brand-pane__footer{width:100%;text-align:center;padding-bottom:.2rem}.brand-pane__subtitle{color:#a3a3a3;font-size:.92rem;margin-bottom:1rem;letter-spacing:.01em}.brand-pane__credit-light{color:#a3a3a3;font-weight:300;font-size:.9rem;margin-bottom:.15rem}.brand-pane__credit-strong{color:#f5f5f5;font-weight:700;font-size:1.03rem;letter-spacing:.01em}.form-pane{background:linear-gradient(180deg,#ffffff,#fafafa);display:flex;align-items:center;justify-content:center;padding:2rem 1.2rem}.form-pane__card{width:100%;max-width:30rem;padding:2rem 1.7rem;border-radius:1.1rem;border:1px solid #ececec;background:#ffffff;box-shadow:0 18px 48px rgba(15,23,42,.08)}.form-pane__header{margin-bottom:1.4rem;display:grid;grid-gap:.45rem;gap:.45rem}.form-pane__title{font-size:clamp(1.45rem,2.6vw,1.75rem);font-weight:650;color:#0f172a;letter-spacing:-.01em}.form-pane__description{color:#52525b;line-height:1.45;font-size:.94rem}.form-pane__error{margin-top:.25rem;border-radius:.7rem;padding:.65rem .75rem;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;font-size:.9rem;font-weight:600}.form-pane__form{display:grid;grid-gap:1rem;gap:1rem}.form-pane__field{display:grid;grid-gap:.38rem;gap:.38rem}.form-pane__field label{color:#3f3f46;font-size:.86rem;font-weight:600}.form-pane__field input{width:100%;border:1px solid #e5e7eb;background:#f5f5f5;border-radius:.75rem;padding:.8rem .85rem;color:#111827;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.form-pane__field input:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px rgba(10,10,10,.08);background:#ffffff}.form-pane__submit{margin-top:.55rem;width:100%;border:0;border-radius:.75rem;padding:.88rem 1rem;background:#0a0a0a;color:#ffffff;font-size:.95rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.form-pane__submit:hover{opacity:.93;transform:translateY(-1px)}.form-pane__helper{margin-top:1rem;text-align:center;font-size:.88rem}.form-pane__helper a{color:#52525b;text-decoration:none;border-bottom:1px solid transparent;transition:color .14s ease,border-color .14s ease}.form-pane__helper a:hover{color:#111827;border-color:#d4d4d8}@media (max-width:980px){.app-shell{display:block}.sidebar{position:static;width:100%;min-height:auto;border-right:0;border-bottom:1px solid #e5e7eb;padding:1rem}.sidebar-top{gap:.5rem}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(156px,1fr))}.sidebar-footer{margin-top:.8rem}.sidebar-profile-email{word-break:break-word}.sidebar-link{justify-content:flex-start}.sidebar-link-content{gap:.04rem}.app-header{position:static;padding:1rem;align-items:flex-start;flex-direction:column}.header-right{width:100%;justify-content:flex-start}.plan-post-head{display:grid;grid-gap:.75rem;gap:.75rem}.plan-post-head-actions{justify-content:flex-start}.plan-post-main{grid-template-columns:1fr}.plan-post-brief,.plan-post-copy{grid-column:auto}.plan-ai-studio-grid,.plan-upload-preview{grid-template-columns:1fr}.plan-ai-background-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:.2rem}.plan-ai-bg-thumb{width:120px;flex:0 0 auto}.plan-board-filters{grid-template-columns:repeat(1,minmax(0,1fr));width:100%}}@media (min-width:900px){.login-split{grid-template-columns:1fr 1fr}.brand-pane__inner{min-height:100dvh;padding:2.2rem 2rem 2.1rem}.brand-pane__footer{text-align:left;padding-bottom:.5rem}.form-pane{padding:2.5rem 2rem}}@media (max-width:640px){.app-header{padding:1rem}.app-content{padding:.9rem}.toast{left:.9rem;right:.9rem;bottom:.9rem}.plan-board-header,.plan-post-footer,.plan-post-head,.plan-post-main{padding-left:.9rem;padding-right:.9rem}.plan-post-head-actions{gap:.3rem}.plan-quick-btn{font-size:.74rem;padding:.35rem .54rem}.brand-pane__inner{min-height:max(48vh,380px);padding:1.8rem 1rem 1.7rem}.brand-pane__logo{width:clamp(16rem,82vw,23rem)}.form-pane{padding:1.35rem .85rem}.form-pane__card{padding:1.55rem 1rem}.sidebar{padding:.85rem}.sidebar-nav{grid-template-columns:1fr}.sidebar-link-hint,.sidebar-section-hint{display:none}.dashboard-action-list li{grid-template-columns:1fr;gap:.45rem}.dashboard-plan-row{flex-direction:column;align-items:flex-start}.dashboard-plan-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.data-table{min-width:560px}.data-table td,.data-table th{padding:.52rem;font-size:.8rem}}@media (min-width:768px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-board-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1120px){.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-secondary-grid{grid-template-columns:1.15fr 1fr}}