:root{--ink:#344054;--ink-strong:#111827;--muted:#667085;--line:#e4e7ec;--accent:#6d38d6;--accent-soft:#f1eafd;--accent-line:#d8c7fb;--green:#087443;--green-soft:#ecfdf3;--green-line:#abefc6;--amber-soft:#fffaeb;--amber-line:#fedf89;--blue:#175cd3;--blue-soft:#eff8ff;--blue-line:#b2ddff;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f9fc;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Noto Sans TC,sans-serif}*{box-sizing:border-box}html{background:#f7f9fc;min-width:320px;min-height:100%}body{letter-spacing:0;min-width:320px;min-height:100vh;margin:0;font-size:15px;line-height:1.42}#root{min-height:100vh}img,svg{max-width:100%}button,input,textarea,select{letter-spacing:0}.app-shell{min-height:100vh;color:var(--ink);background:linear-gradient(#f8fafcf5,#f4f7fbf0),#f7f9fc;grid-template-columns:244px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;flex-direction:column;gap:14px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand-lockup,.workspace-switcher,.topbar,.composer-head,.card-head,.card-head-actions,.composer-toolbar,.action-row,.topbar-actions,.editor-actions,.preview-copy div,.model-card>div,.plan-option>div,.admin-grid article>div,.infra-grid article,.contract-list article,.qa-list article{align-items:center;display:flex}.brand-lockup{gap:10px;min-height:40px}.brand-lockup strong{color:var(--ink-strong);font-size:.94rem;display:block}.brand-lockup span,.workspace-switcher strong+svg,.plan-card small,.list-row span,.memory-row span,.memory-editor-row span,.model-card span,.model-card small,.model-card em,.campaign-card span,.ledger-row small,.contract-list span,.qa-list small,.infra-grid span,.media-item span,.preview-copy span,.preview-copy p,.field span,.context-receipt,.metric span{color:var(--muted)}.cloud-mark{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;place-items:center;display:grid}.nav-list{gap:4px;display:grid}.nav-list button,.mobile-tabbar button,.topbar-actions button,.composer-toolbar button,.quick-prompts button,.text-button,.primary-action,.secondary-action,.editor-actions button,.preview-copy button,.job-actions button,.template-card,.plan-option button,.settings-actions button,.mode-tabs button,.workspace-switcher{font:inherit;cursor:pointer;border:0}.nav-list button{min-height:34px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;display:flex}.nav-list button:hover,.nav-list button.active{color:var(--accent);background:var(--accent-soft)}.plan-card,.workspace-switcher,.surface-card,.composer-panel,.creator-workbench,.preview-column .surface-card,.toast,.metric,.campaign-card,.job-row,.template-card,.plan-option,.media-item,.model-card,.quality-contract{border:1px solid var(--line);background:#fffffff5;border-radius:8px;box-shadow:0 18px 48px #1c1f2c0d}.plan-card{margin-top:auto;padding:12px}.plan-card span{color:var(--muted);font-size:.78rem;display:block}.plan-card strong{color:var(--ink-strong);margin:5px 0 10px;font-size:.9rem;display:block}.workspace-switcher{background:#fff;justify-content:space-between;gap:8px;padding:9px}.workspace-switcher span{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.workspace-switcher strong{text-align:left;color:var(--ink-strong);flex:1}.main-frame{min-width:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9fce0;border-bottom:1px solid #e2e8f0b8;justify-content:space-between;gap:16px;padding:18px 24px 12px;position:sticky;top:0}.topbar h1{color:var(--ink-strong);margin:4px 0 0;font-size:1.46rem;line-height:1.12}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.topbar-actions{gap:8px}.topbar-actions button,.composer-toolbar button,.editor-actions button,.preview-copy button,.job-actions button,.settings-actions button,.secondary-action{min-height:38px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:7px 11px;display:inline-flex}.primary-action,.send-button{color:#fff;background:var(--accent);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 13px;display:inline-flex}.send-label{display:none}.topbar-actions .primary-action{border:0}main{padding:18px 24px 32px}.page-grid,.two-column{gap:14px;display:grid}.two-column{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start}.two-column.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-panel{padding:14px}.composer-head,.card-head{justify-content:space-between;gap:14px;margin-bottom:12px}h2,h3,p{margin:0}h2{color:var(--ink-strong);font-size:.98rem;line-height:1.25}h3{color:var(--ink-strong);font-size:.94rem}.composer-subcopy{max-width:620px;color:var(--muted);margin-top:5px;font-size:.86rem}.context-receipt{background:var(--green-soft);border:1px solid var(--green-line);border-radius:8px;flex:none;max-width:360px;padding:6px 9px;font-size:.76rem}textarea,select{box-sizing:border-box;width:100%;color:var(--ink-strong);border:1px solid var(--line);font:inherit;background:#fff;border-radius:8px}textarea{resize:vertical;min-height:74px;padding:12px}select{min-height:38px;padding:0 10px}.composer-toolbar{flex-wrap:wrap;gap:7px;margin-top:9px}.composer-toolbar .send-button{width:38px;margin-left:auto;padding:0}.quick-prompts{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.quick-prompts button{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px}.metrics-row,.dashboard-grid,.use-case-grid,.experience-grid,.template-grid,.model-grid,.plan-grid,.admin-grid,.infra-grid,.rubric-grid,.field-grid{gap:12px;display:grid}.metrics-row{grid-template-columns:repeat(4,minmax(0,1fr))}.use-case-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.use-case-card,.experience-grid button{text-align:left;min-height:128px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:7px;padding:12px;display:grid}.use-case-card.selected,.experience-grid button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #6d38d614}.use-case-card strong,.experience-grid strong{color:var(--ink-strong);font-size:.95rem}.use-case-card span,.experience-grid span{color:var(--accent);font-size:.76rem;font-weight:850}.use-case-card p,.experience-grid p{color:var(--muted);font-size:.82rem;line-height:1.38}.metric{min-height:78px;padding:12px}.metric p{color:var(--muted);font-size:.82rem}.metric strong{color:var(--ink-strong);margin:7px 0 4px;font-size:1.18rem;display:block}.metric.violet{border-color:var(--accent-line);background:var(--accent-soft)}.metric.green{border-color:var(--green-line);background:var(--green-soft)}.metric.amber{border-color:var(--amber-line);background:var(--amber-soft)}.metric.blue{border-color:var(--blue-line);background:var(--blue-soft)}.surface-card{padding:13px}.card-head-actions{color:var(--muted);gap:8px}.text-button{color:var(--accent);background:0 0;font-weight:700}.model-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.model-strip button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:54px;padding:9px}.model-strip button.selected{border-color:var(--accent);background:var(--accent-soft)}.model-strip strong,.template-card strong,.list-row strong,.memory-row strong,.memory-editor-row strong,.job-row strong,.model-card strong,.campaign-card strong,.plan-option strong,.ledger-row strong,.contract-list strong,.media-item strong,.preview-copy strong,.qa-list strong,.infra-grid strong{color:var(--ink-strong);display:block}.model-strip span,.template-card small,.template-card span,.template-card em,.job-row small{color:var(--muted);font-size:.78rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-list,.queue-list,.timeline-list,.contract-list,.qa-list,.settings-actions{gap:10px;display:grid}.list-row,.memory-row,.memory-editor-row,.ledger-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.list-row:last-child,.memory-row:last-child,.memory-editor-row:last-child,.ledger-row:last-child{border-bottom:0}.score{text-align:center;min-width:40px;color:var(--green);background:var(--green-soft);border-radius:8px;padding:5px 8px;font-weight:800}.meter{background:#e8edf5;border-radius:999px;width:100%;height:7px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--accent), var(--green));border-radius:inherit;height:100%;display:block}.memory-row,.memory-editor-row{grid-template-columns:minmax(0,1fr) 120px}.toast{color:var(--ink-strong);background:#fff;align-items:center;gap:10px;padding:13px 14px;display:flex}.global-toast{margin:0 30px 24px}.creator-workbench{padding:14px}.mode-tabs{background:#edf2f7;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;padding:5px;display:grid}.mode-tabs button{min-height:34px;color:var(--ink);background:0 0;border-radius:8px}.mode-tabs button.active{color:var(--ink-strong);background:#fff;box-shadow:0 7px 18px #0f172a14}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:7px;display:grid}.field span{font-size:.78rem;font-weight:800}.prompt-field{margin-top:14px}.preference-panel{gap:12px;display:grid}.preference-panel.compact .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preference-extra{margin-top:2px}.compact-save{justify-self:start}.quality-contract{background:#fff;margin-top:12px;padding:12px}.quality-contract strong{color:var(--ink-strong)}.quality-contract ol{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:10px 0 0;padding-left:18px;display:grid}.action-row,.editor-actions,.preview-copy div{flex-wrap:wrap;gap:9px;margin-top:14px}.preview-column{gap:18px;display:grid}.preview-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.preview-card img{aspect-ratio:16/9;object-fit:cover;background:#f1f5f9;width:100%;display:block}.preview-copy{padding:12px}.preview-copy p{margin-top:7px;line-height:1.55}.generated-output{color:var(--ink);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:8px;gap:7px;margin-top:10px;padding:10px;display:grid}.generated-output ul{gap:5px;margin:0;padding-left:18px;display:grid}.generated-output li{line-height:1.42}.rubric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rubric-grid div{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:10px}.rubric-grid span{color:var(--muted);font-size:.78rem}.rubric-grid strong{color:var(--ink-strong);font-size:1rem;display:block}.campaign-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.campaign-board section{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-content:start;gap:10px;min-height:230px;padding:12px;display:grid}.campaign-card{padding:12px}.campaign-card .meter{margin-top:10px}.timeline-list article{border-left:3px solid var(--accent-line);gap:4px;padding-left:14px;display:grid}.timeline-list span,.timeline-list small{color:var(--muted)}.template-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-card{text-align:left;gap:8px;padding:9px;display:grid}.template-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.template-card img,.media-item img{aspect-ratio:4/5;object-fit:cover;background:#eef2f7;border-radius:6px;width:100%}.template-card em{color:var(--accent);font-style:normal;font-weight:800}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.media-item{overflow:hidden}.media-item div{padding:10px}.contract-list article{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:10px;padding:11px}.contract-list.compact article{padding:10px}.state-rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.state-rail div{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-content:start;gap:8px;padding:10px;display:grid}.state-rail small{color:var(--muted);line-height:1.35}.job-row{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px;display:grid}.job-row .meter{margin:10px 0 7px}.job-actions{align-content:start;justify-items:end;gap:8px;display:grid}.model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.model-card{gap:8px;padding:12px;display:grid}.model-card>div,.admin-grid article>div{justify-content:space-between;gap:10px}.model-card p,.admin-grid p{color:var(--ink);line-height:1.5}.model-card em{font-style:normal;font-weight:800}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-option{gap:10px;padding:14px;display:grid}.plan-option.featured{border-color:var(--green-line);background:var(--green-soft)}.plan-option p{color:var(--ink-strong);font-size:1.18rem;font-weight:850}.plan-option span,.plan-option small{color:var(--muted)}.plan-option button{min-height:38px;color:var(--ink-strong);border:1px solid var(--line);background:#fff;border-radius:8px}.ledger-row{grid-template-columns:minmax(0,1fr) auto}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid article{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:8px;padding:12px;display:grid}.admin-grid article span{color:var(--green);background:var(--green-soft);border-radius:999px;padding:5px 7px;font-size:.78rem;font-weight:800}.qa-list article{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:12px;padding:11px}.qa-list article>span{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:28px;height:28px;font-weight:850;display:grid}.infra-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.infra-grid article{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:10px;padding:12px}.settings-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-actions button{justify-content:flex-start}.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:4px 8px;font-size:.76rem;font-weight:850;display:inline-flex}.status-pill.success{color:var(--green);background:var(--green-soft)}.status-pill.active,.status-pill.info{color:var(--blue);background:var(--blue-soft)}.status-pill.warning{color:#9a6500;background:var(--amber-soft)}.status-pill.danger{color:#b42318;background:#fff1f0}.status-pill.muted{color:var(--muted);background:#eef2f7}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.56}button:disabled:hover{transform:none}button:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #7c3aed38}.mobile-tabbar{display:none}@media (width<=1180px){.model-strip,.use-case-grid,.experience-grid,.template-grid,.media-grid,.model-grid,.infra-grid,.metrics-row,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.two-column.equal{grid-template-columns:1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr;height:100vh;padding-bottom:0;overflow:hidden}.sidebar{display:none}.main-frame{height:calc(100vh - 92px);overflow-y:auto}.topbar{align-items:flex-start;padding:18px 16px 12px}.topbar h1{font-size:1.35rem}.topbar-actions button:not(.primary-action){display:none}main{padding:16px 16px 28px}.global-toast{margin:0 16px 16px}.composer-head,.template-toolbar{flex-direction:column;align-items:flex-start}.context-receipt{max-width:100%}.metrics-row,.dashboard-grid,.use-case-grid,.experience-grid,.field-grid,.template-grid,.media-grid,.model-grid,.plan-grid,.admin-grid,.infra-grid,.settings-actions,.campaign-board,.state-rail,.quality-contract ol,.memory-row,.memory-editor-row,.list-row,.job-row{grid-template-columns:1fr}.job-actions{justify-items:start}.mobile-tabbar{z-index:10;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar button{min-height:52px;color:var(--muted);background:0 0;border-radius:8px;justify-items:center;gap:3px;padding:7px 4px;display:grid}.mobile-tabbar button.active{color:var(--accent);background:var(--accent-soft)}.mobile-tabbar span{font-size:.68rem;font-weight:800}}@media (width<=520px){.composer-toolbar button:not(.send-button){flex:calc(50% - 8px)}.composer-toolbar .send-button{flex:100%;width:auto;min-height:42px;margin-left:0}.send-label{font-weight:800;display:inline}.rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}button:hover{transform:none}}