:root{font-family:Aptos,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--bg-app: #0b0f1a;--bg-card: #111827;--bg-elevated: #19243a;--bg-input: #0d1525;--border-default: #1e2d45;--border-subtle: #141e30;--border-accent: rgba(0, 210, 255, .35);--text-primary: #e2e8f4;--text-muted: #7a95b8;--text-faint: #3f5070;--accent-cyan: #00d2ff;--accent-cyan-dim: rgba(0, 210, 255, .1);--accent-cyan-glow: 0 0 14px rgba(0, 210, 255, .22);--accent-violet: #a78bfa;--accent-violet-dim: rgba(167, 139, 250, .1);--status-success: #4ade80;--status-success-bg: rgba(74, 222, 128, .08);--status-warning: #fbbf24;--status-warning-bg: rgba(251, 191, 36, .08);--status-error: #f87171;--status-error-bg: rgba(248, 113, 113, .08);--focus-ring: 0 0 0 2px rgba(0, 210, 255, .55);color:var(--text-primary)}.app-shell{min-height:100vh;display:grid;gap:.75rem;padding:1rem;background:radial-gradient(ellipse at 0% 0%,rgba(0,210,255,.055) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(167,139,250,.04) 0%,transparent 48%),radial-gradient(ellipse at 50% 100%,rgba(0,120,200,.03) 0%,transparent 45%),linear-gradient(180deg,#0b0f1a,#0c1320)}.status-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px;box-shadow:0 8px 28px #00000073}.brand-voices-layout,.composer-workspace{display:grid;gap:.7rem}.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.1rem;background:#111827e6;border:1px solid var(--border-default);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-topbar-title{display:grid;gap:.1rem}.app-topbar-meta{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.workspace-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:.75rem;min-height:calc(100vh - 130px)}.workspace-sidebar{display:grid;grid-template-rows:1fr auto;padding:.7rem;gap:.7rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px}.sidebar-nav{display:grid;gap:.35rem;align-content:start}.sidebar-nav-item{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);padding:.55rem .75rem;text-align:left;cursor:pointer;font:inherit;font-size:.88rem;font-weight:500;line-height:1.3;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.sidebar-nav-item:hover{background:var(--accent-cyan-dim);color:var(--text-primary);border-color:var(--border-default)}.sidebar-nav-item.active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan);font-weight:600;box-shadow:var(--accent-cyan-glow)}.sidebar-nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sidebar-footer{border-top:1px solid var(--border-subtle);padding-top:.6rem;display:grid;gap:.2rem}.workspace-main{min-width:0}.page-card{display:grid;gap:.75rem;padding:.9rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px}.compact-page{min-height:340px}.composer-page{min-height:640px}.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:.7rem;align-items:start}.review-lists-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem}.composer-canvas{min-height:380px}.canvas-header{display:grid;gap:.25rem}.canvas-body{display:grid;gap:.55rem}.canvas-empty-state,.canvas-placeholder{min-height:260px;border:1px dashed rgba(0,210,255,.18);border-radius:10px;background:linear-gradient(180deg,#00d2ff06,#00d2ff03);display:grid;place-content:center;gap:.25rem;text-align:center;padding:.8rem}.composer-inspector{display:grid;gap:.8rem;align-content:start}.draft-output-panel{display:grid;gap:.7rem}.brand-voices-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem}.panel{border:1px solid var(--border-default);border-radius:10px;background:var(--bg-elevated);padding:.75rem;display:grid;gap:.65rem}.panel-full{grid-column:1 / -1}.section-header,.composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.65rem}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.button{border:1px solid rgba(0,140,200,.6);border-radius:8px;background:linear-gradient(135deg,#005f9e,#007bbf);color:#e8f4ff;padding:.5rem 1rem;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;min-height:34px;transition:filter .15s,box-shadow .15s,opacity .15s;box-shadow:0 1px 4px #00000073}.button:hover:not(:disabled){filter:brightness(1.18);box-shadow:0 0 12px #00beff47}.button:active:not(:disabled){filter:brightness(.88);box-shadow:none}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none}.button-secondary{background:#ffffff0a;border-color:var(--border-default);color:var(--text-primary);box-shadow:none}.button-secondary:hover:not(:disabled){background:#00d2ff12;border-color:#00d2ff52;color:var(--accent-cyan);filter:none;box-shadow:none}.button-danger{background:#f8717114;border-color:#f871714d;color:#fca5a5;width:fit-content;box-shadow:none}.button-danger:hover:not(:disabled){background:#f871712e;border-color:#f871718c;color:#fecaca;filter:none;box-shadow:none}.button-ghost{background:transparent;border-color:var(--border-default);color:var(--text-muted);box-shadow:none}.button-ghost:hover:not(:disabled){background:var(--accent-cyan-dim);color:var(--text-primary);filter:none}.button-compact{padding:.32rem .65rem;min-height:28px;font-size:.82rem}.approval-cta .button{background:linear-gradient(135deg,#006fa8,#00b4d8);border-color:#00b4d880;box-shadow:0 0 12px #00b4d838}.approval-cta .button:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 18px #00b4d861}@keyframes shimmer-pulse{0%{border-color:#00d2ff1f;box-shadow:none}50%{border-color:#00d2ff80;box-shadow:0 0 8px #00d2ff2e}to{border-color:#00d2ff1f;box-shadow:none}}.is-loading{animation:shimmer-pulse 1.6s ease-in-out infinite}.brand-voice-form,.composer-form{display:grid;gap:.6rem}.brand-voice-form label,.composer-form label{display:grid;gap:.28rem;font-size:.88rem;color:var(--text-primary)}input,select,textarea{border:1px solid var(--border-default);border-radius:8px;padding:.5rem .65rem;font:inherit;font-size:.9rem;color:var(--text-primary);background:var(--bg-input);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d2ff24}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px var(--bg-input) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237a95b8' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;padding-right:2rem}textarea{resize:vertical}.file-input{padding:.45rem .55rem;border-style:dashed;border-color:#00d2ff33;background:#00d2ff08;cursor:pointer;border-radius:8px;color:var(--text-muted)}.file-input:hover{border-color:#00d2ff61;background:#00d2ff0e;color:var(--text-primary)}.file-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d2ff24}.checkbox-row{display:flex;align-items:center;gap:.45rem;cursor:pointer}.platforms-group,.source-images-group,.inspector-section,.import-row,.action-lock-panel{display:grid;gap:.4rem}.platform-checkboxes{display:flex;flex-wrap:wrap;gap:.55rem}.brand-voice-list,.saved-drafts-list,.generation-post-list,.source-asset-list,.source-image-file-list,.pending-list,.animation-text-frames-list,.source-asset-chip-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.brand-voice-list li,.saved-drafts-list li,.generation-post-list li,.source-asset-list li,.source-asset-chip{border:1px solid var(--border-default);border-radius:8px;background:var(--bg-card);padding:.6rem;display:grid;gap:.3rem;transition:border-color .15s}.brand-voice-list li:hover,.generation-post-list li:hover{border-color:#00d2ff40}.generation-post-editor{display:grid;gap:.45rem}.generation-post-actions{display:flex;flex-wrap:wrap;gap:.4rem}.generation-post-editor textarea{min-height:140px}.saved-drafts-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem}.saved-drafts-list li.active{border-color:#00d2ff61;background:#00d2ff0a}.saved-draft-meta{display:grid;gap:.16rem}.list-item-button{border:0;background:transparent;text-align:left;padding:.2rem;cursor:pointer;display:grid;gap:.15rem;color:var(--text-primary)}.list-item-button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:4px}.list-item-button.active{color:var(--accent-cyan)}.markdown-preview{margin:0;max-height:250px;overflow:auto;white-space:pre-wrap;border:1px solid var(--border-default);border-radius:8px;padding:.6rem;background:var(--bg-input);font-family:Consolas,Courier New,monospace;font-size:.83rem;color:var(--text-primary);line-height:1.5}.markdown-preview::-webkit-scrollbar{width:4px}.markdown-preview::-webkit-scrollbar-track{background:var(--border-subtle)}.markdown-preview::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.generated-image-preview{width:100%;max-height:640px;border-radius:10px;border:1px solid var(--border-default);background:var(--bg-input);object-fit:contain}.generated-video-preview{width:100%;max-height:640px;border-radius:10px;border:1px solid var(--border-default);background:#060d18}.canvas-meta-row,.animation-plan-card-grid,.planned-actions,.asset-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.status-chip,.asset-chip,.meta-pill{border:1px solid var(--border-default);border-radius:999px;background:var(--bg-elevated);color:var(--text-muted);padding:.2rem .6rem;font-size:.78rem;line-height:1.4}.status-chip-ok,.meta-pill-ok{border-color:#4ade804d;background:var(--status-success-bg);color:var(--status-success)}.status-chip-warn{border-color:#fbbf244d;background:var(--status-warning-bg);color:var(--status-warning)}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.45rem,2.2vw,1.9rem);color:var(--text-primary);font-weight:700;letter-spacing:-.01em}h2{font-size:1.05rem;color:var(--text-primary);font-weight:600}h3{font-size:.95rem;color:var(--text-primary);font-weight:600}h4{font-size:.82rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}p,label,button,input,select,textarea,li,summary{font-size:.9rem}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);opacity:.7}.helper-text,.voice-meta,.selected-meta{color:var(--text-muted);font-size:.85rem}.voice-name{font-weight:600;color:var(--text-primary)}.error-text{color:var(--status-error);background:var(--status-error-bg);border:1px solid rgba(248,113,113,.22);border-radius:6px;padding:.38rem .65rem;font-size:.86rem;display:block}.error-text:before{content:"✕ ";font-weight:700}.success-text,.health-ok{color:var(--status-success);background:var(--status-success-bg);border:1px solid rgba(74,222,128,.22);border-radius:6px;padding:.38rem .65rem;font-size:.86rem;display:block}.success-text:before{content:"✓ ";font-weight:700}.alerts-row{padding:.55rem .8rem;display:grid;gap:.2rem}.auth-panel{width:min(460px,100%);margin:6vh auto 0;box-shadow:0 0 40px #00d2ff0f,0 20px 60px #00000080}.inline-feedback{margin:0;padding:.35rem .65rem}details summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}details summary:hover{color:var(--text-primary)}.compact-scroll{max-height:300px;overflow:auto;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.compact-scroll::-webkit-scrollbar{width:4px}.compact-scroll::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.field-label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.approval-cta{display:flex;gap:.5rem;padding:.25rem 0}.schedule-setup-panel{display:grid;gap:.75rem}.generation-post-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.animation-plan-panel{display:grid;gap:.55rem}.animation-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.35rem}.voice-error{color:var(--status-error);font-size:.86rem}@media (max-width: 1180px){.composer-grid,.review-lists-grid{grid-template-columns:1fr}}@media (max-width: 900px){.workspace-shell{grid-template-columns:1fr;min-height:auto}.workspace-sidebar{grid-template-rows:auto auto}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-topbar{flex-direction:column;align-items:flex-start}.app-topbar-meta{justify-content:flex-start}.saved-drafts-list li,.brand-voices-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.is-loading{animation:none;border-color:#00d2ff4d!important}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#13243f;background:#f6f8fb}