:root{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#111827;background:#f4f7fb;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f4f7fb;color:#111827;overflow:hidden}button,input,select,textarea{font:inherit}button{border:1px solid #2563EB;border-radius:10px;padding:.7rem 1rem;background:#2563eb;color:#fff;cursor:pointer;font-weight:600;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 8px 18px #2563eb2e}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{background:#fff;color:#334155;border-color:#dde5f0}button.secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 6px 14px #0f172a14}input,select,textarea{width:100%;border:1px solid #DDE5F0;background:#fff;color:#111827;padding:.72rem .85rem;border-radius:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}textarea{resize:vertical;min-height:96px}pre{white-space:pre-wrap;word-break:break-word;margin:0}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;overflow:hidden;background:#f4f7fb}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.access-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:#f4f7fb}.access-panel{width:min(100%,420px)}.sidebar{height:100vh;overflow:hidden;background:#111827;color:#cbd5e1;padding:1rem .85rem;display:flex;flex-direction:column;gap:.85rem;border-right:1px solid rgba(255,255,255,.05)}.sidebar-top{min-height:0;display:flex;flex-direction:column;gap:.85rem}.sidebar-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.sidebar-brand h1{margin:0;font-size:1.35rem;color:#fff}.brand-short{display:none}.brand-eyebrow{margin-bottom:.2rem}.sidebar-brand .subtle{color:#94a3b8}.sidebar-toggle{width:34px;min-width:34px;height:34px;padding:0;border-radius:10px;background:#ffffff0f;border-color:#ffffff14;color:#e2e8f0;box-shadow:none}.sidebar-toggle:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff24;box-shadow:none}.nav{display:flex;flex-direction:column;gap:.3rem;min-height:0;overflow-y:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{color:#cbd5e1;text-decoration:none;padding:.75rem .9rem;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:.75rem}.nav a:hover{background:#ffffff0d}.nav a.active{background:#2563eb;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:.7rem;flex-shrink:0}.sidebar-diagnostics{overflow:hidden}.sidebar-diagnostics summary,.technical-disclosure summary{cursor:pointer;list-style:none;font-weight:700}.sidebar-diagnostics summary{display:flex;align-items:center;gap:.65rem;padding:.45rem .2rem;color:#94a3b8;font-size:.88rem;font-weight:600}.sidebar-diagnostics[open] summary{margin-bottom:.5rem}.sidebar-diagnostics .env-panel{margin:0;border-radius:12px;background:#ffffff08;box-shadow:none}.sidebar-logout{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.content{height:100vh;overflow-y:auto;padding:1.5rem;min-width:0}.page,.stack{display:grid;gap:1rem}.dashboard-grid,.grid{display:grid;gap:1rem;grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.review-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.panel{background:#fff;border:1px solid #DDE5F0;border-radius:14px;padding:1rem;box-shadow:0 8px 24px #0f172a0d}.panel.inset{background:#f8fafc}.page-header-card{position:relative;top:auto;z-index:auto}.featured-demo-card{border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff)}.panel-header,.button-row,.link-row,.content-meta,.panel-actions,.status-chip-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.toggle-row{display:flex;flex-wrap:wrap;gap:.6rem}.toggle-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border-radius:999px;background:#f8fafc;border:1px solid #DDE5F0;color:#334155}.toggle-chip input{width:auto;margin:0}.paid-confirmation{justify-content:flex-start}.select-row{display:inline-flex;align-items:center;gap:.6rem}.text-link{background:transparent;color:#2563eb;padding:0;border:0;border-radius:0;box-shadow:none}.text-link:hover{text-decoration:underline;background:transparent}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#2563eb;font-size:.74rem;font-weight:700;margin:0 0 .35rem}.subtle{color:#64748b}.inline-link{color:#2563eb;text-decoration:none;font-weight:600}.inline-link:hover{text-decoration:underline}.list,.timeline,.quality-list,.asset-grid,.score-grid{display:grid;gap:.75rem}.scroll-panel{overflow-y:auto;padding-right:.25rem}.run-list-scroll,.detail-scroll,.timeline{max-height:520px}.idea-list-scroll,.asset-library-scroll{max-height:620px}.batch-review-scroll,.calendar-scroll,.asset-detail-scroll{max-height:520px}.content-ops-list,.content-ops-detail-scroll{max-height:620px}.batch-topic-grid{display:grid;gap:1rem}.batch-topic-card{background:#fff}.scroll-panel-box{overflow:hidden}.run-card,.timeline-item{border:1px solid #DDE5F0;background:#fff;padding:.9rem;border-radius:12px;display:grid;gap:.45rem;text-align:left;color:inherit}.run-card:hover{border-color:#93c5fd;box-shadow:0 8px 22px #2563eb14}.run-card.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.run-card-awaiting_review{border-left:4px solid #F59E0B}.run-card-running,.run-card-queued{border-left:4px solid #2563EB}.run-card-needs_review{border-left:4px solid #F59E0B}.run-card-failed{border-left:4px solid #DC2626}.run-card-completed,.run-card-cancelled{border-left:4px solid #16A34A}.run-card-badges,.status-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .58rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-pill.muted{background:#e2e8f0;color:#475569}.status-pill.warning{background:#fef3c7;color:#b45309}.status-pill.success{background:#dcfce7;color:#166534}.status-pill.danger{background:#fee2e2;color:#991b1b}.section-kicker{display:flex;align-items:center;justify-content:space-between;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700}.key-grid,.env-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.key-grid span,.env-chip span,.field span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.22rem}.content-card,.copy-block,.notice-card,.quality-item,.env-chip{border:1px solid #DDE5F0;background:#fff;border-radius:12px;padding:.85rem;display:grid;gap:.45rem}.copy-block,.notice-card{background:#f8fafc}.env-panel{padding:.8rem;background:#ffffff0a;border-color:#ffffff14;color:#e2e8f0}.env-panel h2,.env-panel strong{color:#fff}.env-panel .subtle,.env-panel .env-chip span{color:#94a3b8}.env-chip{background:#ffffff0d;border-color:#ffffff14;padding:.7rem}.env-status-row{gap:.4rem}.env-footnote{margin:0;font-size:.82rem}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;min-width:1.2rem;font-size:.78rem;font-weight:800;text-transform:uppercase}.nav a .nav-icon,.sidebar-logout .nav-icon,.sidebar-diagnostics summary .nav-icon{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.field{display:grid;gap:.3rem}.field-wide{grid-column:1 / -1}.preview-block{padding:.9rem;border-radius:10px;background:#f8fafc;border:1px solid #DDE5F0;color:#334155}.notice-card.warning{border-color:#fcd34d;background:#fffbeb}.notice-card.danger{border-color:#fca5a5;background:#fef2f2}.quality-item{grid-template-columns:1fr auto;align-items:center}.quality-item.pass{border-color:#bbf7d0}.quality-item.fail{border-color:#fecaca}.timeline-item p{margin:0;color:#475569}.feature-video .panel-header{align-items:flex-start}.video-player{width:min(100%,320px);border-radius:12px;background:#000}.video-player.large{width:100%;max-height:56vh}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.score-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.platform-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.thumb-preview{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:10px;background:#e2e8f0}.thumb-fallback{display:grid;place-items:center;border:1px dashed #93C5FD;color:#2563eb;font-size:2rem;letter-spacing:.08em}.copy-block pre{padding:.8rem;border-radius:10px;background:#fff;border:1px solid #DDE5F0;max-height:220px;overflow-y:auto}.run-group-collapse{border:1px dashed #DDE5F0;border-radius:12px;padding:.75rem;background:#f8fafc}.run-group-collapse summary{cursor:pointer;color:#64748b;font-weight:700}.run-group-collapse[open] summary{margin-bottom:.75rem}.technical-disclosure{border:1px dashed #DDE5F0;border-radius:12px;padding:.75rem;background:#f8fafc}.technical-disclosure summary{color:#334155}.technical-disclosure[open] summary{margin-bottom:.75rem}.technical-panel-header{margin-bottom:.75rem}.technical-stack{display:grid;gap:.75rem}.steps-list{margin:0;padding-left:1.1rem;color:#475569}.compact{gap:.65rem}.error,.error-text{color:#dc2626}.create-run-panel{padding:.85rem}.create-run-panel .panel-header{margin-bottom:.15rem}.create-run-panel .form-grid{gap:.75rem}.create-run-panel input,.create-run-panel select,.create-run-panel textarea{padding:.6rem .75rem}.create-run-panel .toggle-row{gap:.45rem}.create-run-panel .toggle-chip{padding:.45rem .65rem}.app-shell.sidebar-collapsed .sidebar{padding-inline:.6rem}.app-shell.sidebar-collapsed .brand-eyebrow,.app-shell.sidebar-collapsed .brand-full,.app-shell.sidebar-collapsed .brand-tagline,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .sidebar-diagnostics summary,.app-shell.sidebar-collapsed .sidebar-diagnostics .env-panel{display:none}.app-shell.sidebar-collapsed .brand-short{display:block;font-size:1rem}.app-shell.sidebar-collapsed .sidebar-brand-row{flex-direction:column;align-items:center}.app-shell.sidebar-collapsed .sidebar-toggle{width:100%}.app-shell.sidebar-collapsed .nav a,.app-shell.sidebar-collapsed .sidebar-logout{justify-content:center;padding-inline:.65rem}.app-shell.sidebar-collapsed .nav a .nav-icon,.app-shell.sidebar-collapsed .sidebar-logout .nav-icon,.app-shell.sidebar-collapsed .sidebar-diagnostics summary .nav-icon{display:inline-flex}.app-shell.sidebar-collapsed .sidebar-diagnostics{min-height:40px}@media(max-width:1100px){.dashboard-grid,.grid,.review-grid{grid-template-columns:1fr}}@media(max-width:900px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{height:auto;overflow:visible;position:static}.sidebar-top{min-height:auto}.sidebar-toggle,.brand-short{display:none}.brand-full,.brand-tagline,.brand-eyebrow,.nav-label,.env-panel .panel-header h2,.env-panel .subtle,.env-footnote{display:initial}.nav a .nav-icon,.sidebar-logout .nav-icon,.sidebar-diagnostics summary .nav-icon{display:none}.content{height:auto;overflow:visible;padding:1rem}.form-grid{grid-template-columns:1fr}}
