.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;font-family:Inter,sans-serif;color:#fff}.login-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0009;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.1);text-align:center}.login-chip{display:inline-block;padding:.25rem .75rem;background:#38bdf81a;color:#38bdf8;font-size:.7rem;font-weight:800;letter-spacing:.1em;border-radius:999px;margin-bottom:1.5rem;border:1px solid rgba(56,189,248,.2)}.login-logo{font-size:2rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-input{background:#0f172a;border:1px solid #334155;padding:1rem;border-radius:.5rem;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}.login-input:focus{border-color:#38bdf8}.login-button{background:#38bdf8;color:#0f172a;padding:1rem;border-radius:.5rem;font-weight:700;border:none;cursor:pointer;transition:transform .2s,background .3s}.login-button:hover{background:#7dd3fc;transform:translateY(-2px)}.login-error{color:#f87171;font-size:.875rem;margin-top:1rem}:root{font-family:Outfit,Inter,Segoe UI,sans-serif;--bg-1: #0f172a;--bg-2: #020617;--surface: #1e293b;--surface-soft: #334155;--line: rgba(255, 255, 255, .08);--text: #f8fafc;--muted: #94a3b8;--brand: #6366f1;--brand-2: #4f46e5;--accent: #10b981;--ok: #10b981;--danger: #ef4444;--radius-lg: 16px;--radius-md: 12px;--shadow-lg: 0 20px 48px rgba(0, 0, 0, .4);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .2);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--emerald: #10b981;--amber: #f59e0b;--indigo: #6366f1}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 8% 10%,rgba(255,143,86,.14),transparent 42%),radial-gradient(circle at 88% 0%,rgba(18,114,216,.14),transparent 36%),linear-gradient(155deg,var(--bg-1),var(--bg-2));overflow-x:hidden}#root{min-height:100vh}.cc-page{min-height:100vh;padding:28px}.cc-card{width:min(1380px,100%);margin:0 auto;padding:26px;border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f7fbfffa);border:1px solid rgba(217,230,239,.9);box-shadow:var(--shadow-lg)}.cc-hero{display:none}h1{margin:4px 0 8px;font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.2;font-weight:700;letter-spacing:-.02em}.cc-lead,p{margin:0;color:var(--muted)}.cc-metric-grid{display:none}.cc-metric-card{padding:12px;border-radius:12px;background:#ffffffbf;border:1px solid rgba(18,114,216,.12);display:grid;gap:4px}.cc-metric-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4f5f73}.cc-metric-value{font-size:1.4rem;color:#173354}.cc-metric-meta{font-size:.79rem;color:#607086}.cc-tabs{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.cc-nav-shell{display:grid;gap:10px;margin-top:12px}.cc-tabs-compact{margin-top:10px;gap:6px;padding-top:6px;border-top:1px dashed rgba(36,64,93,.18)}.cc-tab{height:36px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-size:.81rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;box-shadow:none}.cc-tab-icon{width:18px;height:18px;border-radius:999px;border:1px solid var(--line);color:var(--text);background:#ffffff0f;font-size:.68rem;font-weight:700;line-height:16px;text-align:center}.cc-tab:hover:not(:disabled){box-shadow:none;transform:none;border-color:#7a99c799;background:#ffffff0f}.cc-tab.is-active{border-color:#6366f1cc;background:#6366f133;color:#e5e7ff}.cc-toggle-group{display:inline-flex;background:var(--surface-soft);padding:4px;border-radius:999px;border:1px solid var(--line)}.cc-btn-toggle{height:32px;padding:0 16px;border-radius:999px;border:none;background:transparent;color:var(--muted);font-size:.81rem;font-weight:700;cursor:pointer;transition:all .2s ease}.cc-btn-toggle:hover:not(.is-active){color:var(--text);background:#ffffff0d}.cc-btn-toggle.is-active{background:var(--brand);color:#fff;box-shadow:0 4px 12px #6366f14d}.cc-workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.cc-workflow-step{min-height:56px;height:auto;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--surface);color:var(--text);display:grid;gap:3px;align-content:center;justify-items:start;text-align:left}.cc-workflow-step:hover:not(:disabled){border-color:#7a99c799;background:#ffffff0d}.cc-workflow-step.is-active{border-color:#6366f1cc;background:#6366f129;color:#eaf1ff}.cc-workflow-step.is-done{border-color:#10b9818c;background:#10b98129;color:#d4f7e7}.cc-workflow-step-title{font-size:.84rem;font-weight:800;line-height:1.2}.cc-workflow-step-subtitle{font-size:.72rem;font-weight:600;color:var(--muted)}.cc-workflow-context{margin-top:10px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cc-workflow-chip{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);font-size:.79rem}.cc-run-toolbar input,.cc-run-toolbar select,.cc-run-toolbar textarea{background:#ffffff0a;border-color:var(--line);color:var(--text)}.cc-run-toolbar input::placeholder,.cc-run-toolbar textarea::placeholder{color:var(--muted)}.cc-run-toolbar label{color:var(--text)}.cc-run-toolbar select option{color:#0f172a;background:#fff}@media (max-width: 1220px){.cc-run-toolbar-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.cc-run-toolbar-grid{grid-template-columns:1fr}}.cc-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid transparent}.cc-chip-ok{color:#14573a;background:#e6f6ee;border-color:#a9d8bf}.cc-chip-warn{color:#86500f;background:#fff3e4;border-color:#f2c88f}.cc-chip-danger{color:#8f2034;background:#ffe9ed;border-color:#ebb0bc}.cc-chip-neutral{color:#3f536a;background:#edf2f7;border-color:#d6e1eb}h2,h3,h4{margin:0;color:#18304d}.cc-intake,.cc-ops-grid{display:grid;gap:16px;margin-top:16px}.cc-intake{grid-template-columns:minmax(0,1fr)}.cc-ops-grid{grid-template-columns:minmax(460px,1fr) minmax(360px,.8fr)}.cc-ops-grid-single{grid-template-columns:minmax(0,1fr)}.cc-ops-grid-detail{grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:start}.cc-story-editor-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.cc-story-editor-col{display:grid;gap:10px;align-content:start;min-width:0}.cc-panel,.cc-hitl,.cc-run-detail,.cc-content-preview,.cc-accordion{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.cc-panel,.cc-hitl{display:grid;gap:12px;padding:14px}.cc-workspace-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:14px;align-items:start}.cc-control-panel{border:1px solid var(--line);border-radius:10px;background:var(--surface)}.cc-control-panel summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:.86rem;font-weight:700;color:var(--text)}.cc-control-panel summary::-webkit-details-marker{display:none}.cc-control-rail{display:grid;gap:10px;position:sticky;top:10px;padding:0 10px 10px}.cc-workspace-layout>.cc-run-detail{margin:0}form,label{display:grid;gap:7px}.cc-intake .cc-panel form{grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px 14px;align-items:start}.cc-intake .cc-panel form>*{min-width:0}.cc-intake .cc-panel form>p,.cc-intake .cc-panel form>button,.cc-intake .cc-panel form>.cc-status,.cc-intake .cc-panel form>.cc-error,.cc-intake .cc-panel form>label:has(textarea){grid-column:1 / -1}.cc-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px}.cc-glass-card{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 24px -1px #0003}.cc-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.cc-glass-card:hover{transform:translateY(-6px);border-color:#ffffff26;background:#1e293b99;box-shadow:0 20px 40px -12px #00000080}.cc-step-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:99px;background:#ffffff1a;margin-bottom:12px;display:inline-block}.cc-step-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#fff}.cc-step-status{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);margin-bottom:20px}.cc-status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.status-pending .cc-status-dot{color:var(--muted);background:currentColor}.status-running .cc-status-dot{color:var(--indigo);background:currentColor;animation:pulse 2s infinite ease-in-out}.status-review .cc-status-dot{color:var(--amber);background:currentColor;box-shadow:0 0 12px var(--amber)}.status-done .cc-status-dot{color:var(--emerald);background:currentColor;box-shadow:0 0 12px var(--emerald)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.cc-step-action-bar{display:grid;grid-template-columns:1fr;gap:10px}label{font-size:.92rem;font-weight:600}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #c8d9e8;border-radius:11px;background:#fff;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}input,select{height:42px;padding:0 12px}textarea{min-height:98px;padding:10px 12px;resize:vertical}input::placeholder,select::placeholder,textarea::placeholder{color:#6b7280}input:focus,select:focus,textarea:focus{outline:none;border-color:#4f9bf3;box-shadow:0 0 0 4px #4f9bf326}button{height:44px;border:0;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--brand),var(--brand-2));transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #0e4fbf38}button:disabled{opacity:.66;cursor:not-allowed}.cc-btn-ghost{background:linear-gradient(135deg,#5b7088,#44596f)}.cc-btn-ghost:hover:not(:disabled){background:linear-gradient(135deg,#6c84a0,#546b84);box-shadow:0 4px 12px #44596f40}.cc-btn-ghost:active:not(:disabled){transform:translateY(1px);filter:brightness(.9);box-shadow:inset 0 2px 4px #0003}.cc-btn-back{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:32px;min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:.79rem;font-weight:600;line-height:1.1;white-space:nowrap;box-shadow:none;background:#4f759eb8;color:#e9f2ff}.cc-btn-back:hover:not(:disabled),.cc-btn-back:active:not(:disabled){transform:none;box-shadow:none;background:#5c85b2d1}.cc-btn-success{background:linear-gradient(135deg,#238d57,#197345)}.cc-btn-danger{background:linear-gradient(135deg,#c43b52,#a82b42)}.cc-btn-accent{background:linear-gradient(135deg,#f18a3f,#d96f27)}.cc-hitl-actions{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;background:#0f172aeb;padding:12px 0;border-top:1px solid var(--line);z-index:10}.cc-hitl-actions button{flex:1 1 140px;min-width:0}.cc-story-editor-actions{position:static;bottom:auto;margin-top:8px;padding:0;border-top:0;background:transparent;z-index:auto}.cc-story-editor{overflow-x:hidden}.cc-checkbox-row{display:flex;align-items:center;gap:10px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.cc-status{font-size:.92rem;color:var(--muted)}.cc-error{color:var(--danger);font-weight:700}.cc-result{display:grid;gap:8px;padding:12px;border-radius:var(--radius-md);border:1px solid #d5e5f5;background:linear-gradient(180deg,#f7fbff,#f3f8ff)}.cc-progress-wrap{display:grid;gap:8px}.cc-spinner{width:18px;height:18px;border:3px solid #d2dff0;border-top-color:var(--accent);border-radius:50%;animation:cc-spin .9s linear infinite}.cc-progress{width:100%;height:11px}.cc-run-detail{padding:16px;max-height:85vh;overflow-y:auto;overflow-x:hidden;resize:vertical}.cc-queue-stats-grid{margin-top:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cc-queue-stat{padding:8px;border-radius:10px;border:1px solid #d5e2ed;background:#f8fbff;display:grid;gap:2px}.cc-queue-stat span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#5f6f82;font-weight:700}.cc-queue-stat strong{font-size:1.05rem;color:#1a3554}.cc-run-detail ul,.cc-run-detail ol{margin:6px 0 0;padding-left:18px}.cc-run-detail li{margin-bottom:6px}.cc-content-preview{margin-top:2px;padding:14px;background:var(--surface);border:1px solid var(--line);color:var(--text)}.cc-marketing-json-pre{margin:0;padding:14px;border-radius:10px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-size:.9rem;font-family:Fira Code,JetBrains Mono,Courier New,monospace;line-height:1.5;white-space:pre-wrap;word-break:break-word}.cc-doc-object,.cc-doc-grid{display:grid;gap:10px}.cc-doc-field{border:1px solid var(--line);border-radius:10px;background:#ffffff08;padding:10px}.cc-doc-field h4{margin:0 0 6px;font-size:.88rem;color:var(--text)}.cc-doc-list{margin:0;padding-left:18px;display:grid;gap:6px}.cc-doc-empty{color:#66788c;font-style:italic}.cc-rendered-doc-wrap{display:grid;gap:8px}.cc-rendered-doc-frame{width:100%;min-height:70vh;border:1px solid #d5e2ed;border-radius:10px;background:#fff}.cc-live-progress{border:1px solid #d5e2ed;border-radius:10px;background:#f6fbff;padding:10px;display:grid;gap:8px}.cc-live-checklist{margin:0;padding-left:18px;display:grid;gap:4px}.cc-story-editor{display:grid;gap:12px;padding:16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px #ffffff08}.cc-story-editor h4{color:var(--text);font-family:Outfit,Inter,Segoe UI,sans-serif;letter-spacing:-.01em}.cc-story-editor label{color:#c4d5ea;font-family:Inter,Segoe UI,sans-serif;font-size:.8rem;font-weight:500}.cc-story-editor input,.cc-story-editor select,.cc-story-editor textarea{background:#ffffff0d;border-color:var(--line);color:#f8fbff;font-family:Arial,Inter,Segoe UI,sans-serif;font-size:.98rem;font-weight:600;letter-spacing:.005em}.cc-story-editor input::placeholder,.cc-story-editor textarea::placeholder{color:var(--muted)}.cc-story-editor select option{color:#0f172a;background:#fff}.cc-story-editor textarea{width:100%;overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.cc-textarea-autogrow{resize:none;overflow-y:hidden}.cc-field-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:#9fc0e8;font-family:Outfit,Inter,Segoe UI,sans-serif;font-weight:700;letter-spacing:.015em}.cc-field-origin{font-size:.74rem;color:#7e97b3;font-style:italic;font-weight:500}.cc-text-block{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.48}.cc-accordion{overflow:hidden}.cc-accordion summary{list-style:none;cursor:pointer;padding:10px 12px;font-weight:700;background:linear-gradient(180deg,#f9fcff,#f4f8fc)}.cc-accordion summary::-webkit-details-marker{display:none}.cc-accordion-body{display:grid;gap:8px;padding:0 12px 12px}.cc-gate-ok,.cc-diff-new{color:var(--ok)}.cc-gate-blocked,.cc-diff-old{color:var(--danger);font-weight:700}.cc-diff-panel{margin-top:12px;border-top:1px dashed #c8dae8;padding-top:12px}.cc-diff-label{margin:6px 0 0;font-weight:700}@keyframes cc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1220px){.cc-intake,.cc-ops-grid,.cc-workspace-layout{grid-template-columns:1fr}.cc-control-rail{position:static}.cc-workspace-layout>.cc-run-detail{order:1}.cc-control-panel{order:2}.cc-intake .cc-panel form{grid-template-columns:1fr}.cc-run-detail{max-height:none}}@media (max-width: 760px){.cc-page{padding:12px}.cc-card{padding:14px;border-radius:16px}.cc-hero{padding:14px}.cc-metric-grid{grid-template-columns:1fr}.cc-hitl-actions{display:grid;grid-template-columns:1fr 1fr}.cc-queue-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cc-phase2-form-wrap{margin-top:12px}.cc-phase2-form{margin-top:10px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.cc-phase2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.cc-phase2-section{padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff05}.cc-phase2-section h4{margin:0 0 12px;color:var(--text);font-size:.95rem}.cc-phase2-qr-grid{display:grid;gap:10px}.cc-phase2-qr-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-phase2-qr-row label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--muted);font-weight:600}.cc-phase2-qr-row input{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.9rem;background:var(--surface-soft);color:var(--text)}.cc-phase2-qty-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.cc-phase2-qty-grid label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--muted);font-weight:600}.cc-phase2-qty-grid input{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.9rem;width:100%;background:var(--surface-soft);color:var(--text)}.cc-phase2-form label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--muted);margin-bottom:10px;font-weight:600}.cc-phase2-form input,.cc-phase2-form textarea,.cc-phase2-form select{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--surface-soft);color:var(--text)}.cc-phase2-form textarea{min-height:112px;resize:vertical}.cc-checkbox-row{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}.cc-checkbox-row input[type=checkbox]{min-height:0;width:16px;height:16px}.cc-phase2-image-grid{display:grid;gap:10px}.cc-phase2-section-full{grid-column:1 / -1}@media (max-width: 1024px){.cc-story-editor-two-columns,.cc-phase2-grid{grid-template-columns:1fr}.cc-phase2-section-full{grid-column:auto}.cc-phase2-qr-row,.cc-phase2-qty-grid{grid-template-columns:1fr}}.cc-monitor-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;align-items:start}.cc-monitor-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.cc-monitor-section h2{margin-bottom:12px;color:var(--brand-2)}@media (max-width: 1100px){.cc-monitor-layout{grid-template-columns:1fr}}.cc-bundle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}.cc-bundle-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:8px}.cc-bundle-card.cc-bundle-published{border-color:var(--ok)}.cc-bundle-card.cc-bundle-pending{border-color:var(--warn)}.cc-bundle-card.cc-bundle-failed{border-color:var(--error)}.cc-bundle-card-header{display:flex;justify-content:space-between;align-items:center}.cc-bundle-label{font-weight:600;font-size:.9rem;color:var(--text)}.cc-bundle-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.cc-bundle-badge-published{background:var(--ok-bg);color:var(--ok)}.cc-bundle-badge-pending{background:var(--warn-bg);color:var(--warn)}.cc-bundle-badge-failed{background:var(--error-bg);color:var(--error)}.cc-bundle-card-actions{display:flex;gap:8px;flex-wrap:wrap}.cc-btn-sm{padding:4px 10px;font-size:.8rem}.cc-status-sm{font-size:.8rem;color:var(--muted)}.cc-progress-banner{grid-column:1 / -1;background:linear-gradient(135deg,#eef6ff,#fff);border:2px solid #3b82f6;border-radius:14px;padding:16px;margin-bottom:20px;box-shadow:0 10px 30px #3b82f61a;animation:cc-pulse-border 2s infinite ease-in-out}.cc-progress-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem;color:#1e40af}.cc-spinner-small{width:20px;height:20px;border:3px solid #bfdbfe;border-top-color:#3b82f6;border-radius:50%;animation:cc-spin .8s linear infinite}.cc-state-chip{margin-left:auto;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cc-progress-track{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.cc-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.cc-button-disabled{background:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.cc-button-secondary{background:#64748b;height:36px;padding:0 16px;font-size:.85rem}.cc-button-ghost{background:transparent;border:1px dashed #cbd5e1;color:#475569;height:auto;padding:10px}.cc-button-ghost:hover{background:#f8fafc;border-style:solid}.cc-error-box{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px;border-radius:10px;font-weight:600;margin-top:10px}.cc-status-success{color:#166534;font-weight:600}@keyframes cc-pulse-border{0%{border-color:#3b82f6}50%{border-color:#93c5fd}to{border-color:#3b82f6}}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-visual-gallery{display:flex;flex-direction:column;gap:24px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);animation:fadeIn .3s ease-in-out}.cc-gallery-header{border-bottom:1px solid var(--line);padding-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cc-gallery-header h3{margin:0;font-size:1.5rem;color:var(--text)}.cc-gallery-header p{max-width:600px;font-size:.95rem;color:var(--muted)}.cc-gallery-section{display:flex;flex-direction:column;gap:16px}.cc-gallery-section h4{font-size:1.15rem;color:var(--text);padding-left:8px;border-left:4px solid var(--brand-2);margin:0}.cc-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.cc-asset-card{background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.cc-asset-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cc-asset-preview{aspect-ratio:16 / 9;background:var(--surface-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}.cc-asset-preview img{width:100%;height:100%;object-fit:cover}.cc-asset-info{padding:16px;display:flex;flex-direction:column;gap:12px}.cc-asset-info label{font-size:.9rem;font-weight:700;color:var(--text)}.cc-prompt-text{font-size:.8rem;line-height:1.4;color:var(--muted);background:#ffffff08;padding:10px;border-radius:8px;border-left:3px solid var(--brand-2);margin:0}.cc-asset-info input{border:1px solid var(--line);background:var(--surface-soft);color:var(--text)}.cc-asset-info input::placeholder{color:var(--muted)}.cc-asset-info input:focus{border-color:#6366f1d9;box-shadow:0 0 0 4px #6366f126}.cc-alert{padding:12px 16px;border-radius:10px;font-weight:600;font-size:.95rem}.cc-alert-success{background:#10b98124;color:#d1fae5;border:1px solid rgba(16,185,129,.4)}.cc-alert-error{background:#ef444424;color:#fee2e2;border:1px solid rgba(239,68,68,.4)}.cc-empty-state{padding:14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.cc-workflow-steps{grid-template-columns:1fr}.cc-workflow-context{flex-direction:column;align-items:stretch}.cc-gallery-header{flex-direction:column;align-items:flex-start}.cc-asset-grid{grid-template-columns:1fr}}.al-system{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-1)}.al-sidebar{width:280px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:1.5rem;flex-shrink:0}.al-sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.al-brand-icon{font-size:1.5rem}.al-sidebar-header h2{font-size:1.1rem;color:#fff;margin:0}.al-badge{font-size:.6rem;background:var(--brand);color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.05em;font-weight:700}.al-menu{flex:1;display:flex;flex-direction:column;gap:.5rem}.al-menu-label{font-size:.75rem;color:var(--muted);font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.al-menu-item{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;color:var(--text);padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s;justify-content:flex-start;height:auto}.al-menu-item:hover{background:#ffffff0d;transform:none;box-shadow:none}.al-menu-item.active{background:var(--brand);color:#fff;box-shadow:0 4px 12px #6366f166}.al-flow-hint{margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:10px;background:#0f172a73;display:grid;gap:.45rem}.al-flow-hint p{margin:0;font-size:.82rem;color:#c9d6e5;line-height:1.3}.al-user-profile{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--line)}.al-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.al-user-info{flex:1;display:flex;flex-direction:column}.al-user-info strong{font-size:.9rem}.al-user-info span{font-size:.75rem;color:var(--muted)}.al-user-actions{display:flex;gap:.5rem}.al-user-actions button{background:transparent;border:1px solid var(--line);padding:.4rem;border-radius:8px;width:auto;height:auto}.al-user-actions button:hover{background:#ffffff1a;transform:none;box-shadow:none}.al-main-stage{flex:1;overflow-y:auto;padding:2.5rem 3rem;background:radial-gradient(circle at top right,rgba(99,102,241,.05),transparent 40%),var(--bg-1)}.al-wizard-container{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;margin-top:1rem}.al-wizard-stepper{display:flex;gap:1rem;margin-bottom:2rem}.al-step{flex:1;height:4px;background:var(--surface-soft);border-radius:4px;overflow:hidden;position:relative}.al-step-inner{height:100%;background:var(--brand);width:0%;transition:width .3s ease}.al-step.active .al-step-inner{width:100%}.al-wizard-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem}.al-wizard-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.al-wizard-header p{margin:0;color:var(--muted);font-size:.95rem}.al-field-group{display:flex;flex-direction:column;gap:.5rem}.al-input{background:#ffffff08;border:1px solid var(--line);color:var(--text);padding:.75rem 1rem;border-radius:8px;font-family:inherit;width:100%;transition:border-color .2s,box-shadow .2s}.al-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #6366f126}.al-input option{color:#0f172a;background:#fff}.al-wizard-actions{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.al-btn-secondary{background:transparent;border:1px solid var(--line);color:var(--text);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.al-btn-secondary:hover:not(:disabled){background:#ffffff0d}.al-btn-primary{background:var(--brand);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.al-btn-primary:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.al-btn-primary:disabled,.al-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.al-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}