:root{--bg: #ece7dc;--panel: rgba(255, 253, 247, .9);--paper: #fffdf7;--ink: #1d241f;--muted: #65706a;--line: #d7cdbb;--brand: #2f665b;--brand-2: #9d6f2e;--green-soft: #deeee5;--blue-soft: #dfeaf7;--gold-soft: #f7ead2;--red-soft: #f5ddd8;--shadow: 0 22px 60px rgba(40, 45, 40, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Noto Sans SC,IBM Plex Sans,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(47,102,91,.16),transparent 26%),radial-gradient(circle at 92% 2%,rgba(157,111,46,.16),transparent 24%),linear-gradient(135deg,#f5f0e6 0%,var(--bg) 54%,#e2d8c7 100%)}button{font-family:inherit}.entry-shell{min-height:100vh;padding:24px}.entry-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px;max-width:1440px;padding:14px 18px;border:1px solid rgba(215,205,187,.82);border-radius:22px;background:#fffdf7db;box-shadow:0 16px 48px #282d2814}.entry-topbar strong{display:block;margin-top:4px;font:800 20px IBM Plex Sans,sans-serif}.compact-entry{max-width:520px;margin:0 auto}.login-gate{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 10% 12%,rgba(47,102,91,.2),transparent 28%),radial-gradient(circle at 90% 8%,rgba(157,111,46,.18),transparent 28%),linear-gradient(135deg,#f5f0e6,#ece7dc 55%,#dfd3bd)}.login-gate.admin{background:radial-gradient(circle at 18% 16%,rgba(39,56,82,.22),transparent 30%),radial-gradient(circle at 86% 2%,rgba(124,80,43,.18),transparent 25%),linear-gradient(135deg,#edf1f4,#dfe8ec,#d9d0c1)}.login-gate.sales{background:radial-gradient(circle at 24% 12%,rgba(183,118,53,.18),transparent 28%),radial-gradient(circle at 82% 10%,rgba(47,102,91,.18),transparent 28%),linear-gradient(135deg,#fff6e8,#efe3cd 52%,#dae9e2)}.login-panel{width:min(1080px,100%);display:grid;grid-template-columns:1.1fr 420px;gap:22px;align-items:stretch}.login-copy,.login-card{border:1px solid rgba(215,205,187,.82);border-radius:32px;background:#fffdf7e0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-copy{display:grid;align-content:end;min-height:520px;padding:38px;overflow:hidden;position:relative}.login-copy:before{content:"";position:absolute;inset:auto -16% -18% auto;width:340px;height:340px;border-radius:42% 58% 54% 46%;background:linear-gradient(145deg,#2f665b2e,#9d6f2e2e)}.login-badge{width:fit-content;padding:9px 12px;border-radius:999px;color:#214c43;background:var(--green-soft);font:800 12px IBM Plex Mono,monospace}.login-copy h1{max-width:620px;margin:18px 0 12px;font:900 clamp(36px,6vw,72px) "IBM Plex Sans",sans-serif;letter-spacing:-.05em}.login-copy p{max-width:560px;margin:0;color:var(--muted);font-size:17px;line-height:1.85}.login-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.login-notes span{padding:10px 12px;border-radius:999px;background:#fff;color:var(--muted);font-weight:800}.login-card{display:grid;align-content:center;gap:16px;padding:28px}.login-card h2{margin:-6px 0 4px;font:800 28px IBM Plex Sans,sans-serif}.login-card label{display:grid;gap:8px;color:var(--muted);font-weight:800}.login-card input{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#fffdf8;color:var(--ink);font:700 15px Noto Sans SC,IBM Plex Sans,sans-serif;outline:none}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px}.login-submit{margin-top:4px}.login-message{color:#8d5b21;line-height:1.6}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.app-rail{position:sticky;top:0;height:100vh;padding:28px 22px;color:#edf3ef;background:linear-gradient(180deg,#1e2b27f5,#1c221ffa),radial-gradient(circle at top,rgba(173,205,190,.2),transparent 40%)}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;margin-bottom:18px;background:#dbece5;color:#214c43;font:800 28px IBM Plex Sans,sans-serif}.eyebrow{margin:0;color:#73817a;letter-spacing:.14em;text-transform:uppercase;font:700 11px IBM Plex Mono,monospace}.app-rail .eyebrow{color:#a4beb4}.app-rail h1{margin:8px 0;font:800 24px IBM Plex Sans,sans-serif}.rail-copy{margin:0;color:#edf3efb8;line-height:1.7;font-size:13px}.app-nav{display:grid;gap:10px;margin-top:26px}.app-nav button{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;color:#edf3ef;text-align:left;cursor:pointer;background:#ffffff0a}.app-nav button.active{border-color:#dbece54d;background:#dbece51f}.app-nav strong{display:block;margin-bottom:4px}.app-nav span,.rail-card span,.rail-card small{color:#edf3efb3;font-size:12px;line-height:1.5}.rail-card{position:absolute;left:22px;right:22px;bottom:24px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.rail-card strong{display:block;margin:7px 0 3px}.app-main{padding:28px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h2{margin:8px 0;font:800 clamp(28px,4vw,44px) "IBM Plex Sans",sans-serif;letter-spacing:-.03em}.page-head p{max-width:780px;margin:0;color:var(--muted);line-height:1.75}.head-actions,.row-actions,.tabs,.tool-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-btn,.soft-btn,.ghost-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer}.primary-btn{background:var(--brand);color:#fff}.soft-btn{background:#ebe5d8;color:var(--ink)}.ghost-btn{background:#fff;color:var(--ink);border:1px solid var(--line)}.tabs{margin-bottom:18px}.tabs button{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted);background:#fffdf7a3;cursor:pointer;font-weight:800}.tabs button.active{color:#214c43;background:#fff;border-color:#b8d0c7}.panel{border:1px solid rgba(215,205,187,.82);border-radius:28px;padding:22px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{padding:18px;border:1px solid var(--line);border-radius:22px;background:#fffdf8}.card h3,.card h4{margin:0 0 8px;font-family:IBM Plex Sans,sans-serif}.card p,.card li{color:var(--muted);line-height:1.7}.card ul{margin:0;padding-left:18px}.field{padding:14px;border:1px solid #e4dac8;border-radius:18px;background:#fff}.field label{display:block;margin-bottom:8px;color:#7d877f;font:700 11px IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.input,.textarea{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fffdf8;color:var(--ink)}.textarea{min-height:110px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chipset{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}.chip.active{background:var(--green-soft);color:#214c43;border-color:#bed3cb}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-tile{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fffdf7d1}.metric-tile strong{display:block;font:800 26px IBM Plex Sans,sans-serif}.metric-tile span{color:var(--muted);font-size:13px}.metric-tile.gold{background:var(--gold-soft)}.metric-tile.blue{background:var(--blue-soft)}.metric-tile.green{background:var(--green-soft)}.task-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:#fffdf8;margin-bottom:12px}.task-main{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.task-main strong{display:block;margin-bottom:5px}.task-main p,.task-meta{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.task-meta{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.status-dot{width:10px;height:10px;border-radius:999px;margin-top:5px;background:#9ca3af}.status-dot.running{background:#355e8a}.status-dot.paused{background:#9b6a2b}.status-dot.completed{background:#2f665b}.status-dot.failed{background:#8f3f36}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;background:#1a201c47}.drawer-mask.open{display:block}.task-drawer{position:fixed;top:0;right:0;z-index:41;width:min(540px,94vw);height:100vh;overflow:auto;padding:24px;background:#fffdf8;border-left:1px solid var(--line);box-shadow:-26px 0 60px #1a201c2e;transform:translate(105%);transition:transform .22s ease}.task-drawer.open{transform:translate(0)}.drawer-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.drawer-head h2{margin:6px 0 4px;font:800 24px IBM Plex Sans,sans-serif}.drawer-head span{color:var(--muted);font-size:13px;line-height:1.6}.empty-state{padding:20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.detail-box{margin-top:12px;padding:12px;border-radius:14px;background:#f6f0e6;color:var(--muted)}.credit-card b{font-size:20px;color:var(--brand)}.credit-card b.negative{color:#8f3f36}.detail-drawer{width:min(620px,94vw);background:radial-gradient(circle at 85% 12%,rgba(47,102,91,.14),transparent 28%),#fffdf8}.detail-hero{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:24px;background:#f6f0e6}.detail-hero.running,.detail-hero.paused{background:var(--green-soft);border-color:#bdd6cc}.detail-hero.completed{background:var(--gold-soft)}.detail-hero.failed{background:var(--red-soft)}.detail-hero span{width:fit-content;padding:6px 10px;border-radius:999px;background:#ffffffb8;color:var(--brand);font:800 11px IBM Plex Mono,monospace;text-transform:uppercase}.detail-hero strong{font:800 28px IBM Plex Sans,sans-serif}.detail-hero p{margin:0;color:var(--muted);line-height:1.65}.detail-section{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:24px;background:#ffffffad}.section-title h3{margin:6px 0 12px;font:800 20px IBM Plex Sans,sans-serif}.detail-timeline{display:grid;gap:10px}.detail-step{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px;border-radius:18px;background:#f7f1e7;border:1px solid transparent;width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.detail-step:hover:not(:disabled){transform:translateY(-1px);border-color:#2f665b38}.detail-step b{color:var(--brand-2);font:800 13px IBM Plex Mono,monospace}.detail-step strong,.detail-step small{display:block}.detail-step small{margin-top:4px;color:var(--muted)}.detail-step.done{background:#edf4ef}.detail-step.current{background:var(--green-soft);border-color:#bdd6cc}.detail-step.selected{border-color:#2f665b;box-shadow:inset 0 0 0 1px #2f665b3d}.detail-step.locked{cursor:not-allowed;opacity:.54}.stage-inspector{display:grid;gap:12px;margin-bottom:12px;padding:16px;border-radius:22px;border:1px solid rgba(211,151,71,.24);background:linear-gradient(140deg,#fffdf8f5,#f7f1e7eb),radial-gradient(circle at 0% 0%,rgba(211,151,71,.14),transparent 42%)}.stage-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-inspector-head strong,.stage-inspector-head span{display:block}.stage-inspector-head span,.stage-inspector p{color:var(--muted);font-size:13px}.stage-inspector p{margin:0;line-height:1.7}.config-grid{display:grid;gap:8px}.config-row{display:grid;grid-template-columns:108px 1fr;gap:12px;padding:10px 12px;border-radius:14px;background:#fffdf8c7}.config-row span{color:var(--muted);font-size:12px}.config-row strong{color:#24312d;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.artifact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.outline-result-card{display:grid;gap:10px;margin-bottom:12px;padding:15px;border:1px solid rgba(47,102,91,.18);border-radius:20px;background:linear-gradient(135deg,#ecf6f0f0,#fffaefe6),radial-gradient(circle at right top,rgba(211,151,71,.16),transparent 46%)}.outline-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.outline-head span,.outline-muted{color:var(--muted);font-size:12px}.outline-result-card p{margin:0;color:#41514b;font-size:13px;line-height:1.65}.outline-result-card p b{color:var(--ink)}.outline-segments{display:grid;gap:8px}.outline-segments div{display:grid;gap:3px;padding:10px;border-radius:14px;background:#fffdf8c2}.outline-segments span{color:var(--muted);font-size:12px;line-height:1.5}.storyboard-result-card{display:grid;gap:12px;margin-bottom:12px;padding:15px;border:1px solid rgba(47,102,91,.18);border-radius:20px;background:linear-gradient(135deg,#fffdf8f0,#ecf6f0db),radial-gradient(circle at 12% 0%,rgba(47,102,91,.12),transparent 44%)}.storyboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storyboard-card{overflow:hidden;border:1px solid rgba(47,102,91,.14);border-radius:18px;background:#fffdf8e6}.storyboard-image{aspect-ratio:9 / 12;background:linear-gradient(135deg,#2f665b1f,#d3974724),#f7f1e7}.storyboard-preview-button{position:relative;width:100%;height:100%;border:0;padding:0;display:block;background:transparent;cursor:zoom-in;overflow:hidden}.storyboard-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease}.storyboard-preview-button:hover img{transform:scale(1.035)}.storyboard-preview-button span{position:absolute;right:9px;bottom:9px;padding:5px 8px;border-radius:999px;background:#14221fbd;color:#fffaf0;font:700 11px IBM Plex Sans,sans-serif;letter-spacing:.04em;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.storyboard-preview-button:hover span{opacity:1;transform:translateY(0)}.storyboard-loading{height:100%;display:grid;place-items:center;align-content:center;gap:6px;color:var(--brand)}.storyboard-loading:before{content:"";width:28px;height:28px;border:3px solid rgba(47,102,91,.18);border-top-color:var(--brand);border-radius:999px;animation:spin .9s linear infinite}.storyboard-loading b{font:800 14px IBM Plex Sans,sans-serif}.storyboard-loading span,.storyboard-meta span{color:var(--muted);font-size:12px}.storyboard-meta{display:grid;gap:5px;padding:10px}.storyboard-meta strong{color:var(--ink);font-size:13px}.storyboard-meta span{line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.storyboard-error{color:#9d3f2d!important}.storyboard-prompt-editor{display:grid;gap:6px}.storyboard-prompt-editor small{color:var(--muted);font-size:11px}.storyboard-prompt-editor textarea{width:100%;min-height:88px;resize:vertical;border:1px solid rgba(47,102,91,.18);border-radius:13px;padding:9px 10px;background:#fffdf8eb;color:var(--ink);font:500 12px/1.55 Noto Sans SC,sans-serif;outline:none;box-shadow:inset 0 1px #ffffffbf}.storyboard-prompt-editor textarea:focus{border-color:#2f665b75;box-shadow:0 0 0 3px #2f665b1a}.storyboard-regenerate-btn{width:100%;min-height:34px;font-size:12px}.storyboard-regenerate-btn:disabled{opacity:.55;cursor:not-allowed}.image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 16% 12%,rgba(211,151,71,.2),transparent 30%),#0c1211c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-preview-panel{position:relative;width:min(920px,94vw);max-height:92vh;display:grid;grid-template-columns:minmax(260px,560px) minmax(220px,1fr);gap:18px;padding:16px;border:1px solid rgba(255,250,240,.18);border-radius:26px;background:linear-gradient(135deg,#1f2d29f5,#0e1715f5),#14221f;color:#fffaf0;box-shadow:0 30px 90px #0000005c}.image-preview-panel img{width:100%;max-height:calc(92vh - 32px);object-fit:contain;border-radius:18px;background:#fffaf014}.image-preview-panel div{align-self:end;display:grid;gap:10px;max-height:calc(92vh - 80px);overflow:auto}.image-preview-panel strong{font-size:18px}.image-preview-panel p{margin:0;color:#fffaf0c2;font-size:13px;line-height:1.8;white-space:pre-wrap}.image-preview-close{position:absolute;top:12px;right:12px;z-index:1;border:1px solid rgba(255,250,240,.2);border-radius:999px;padding:7px 11px;background:#fffaf01f;color:#fffaf0;cursor:pointer}@media (max-width: 760px){.image-preview-panel{grid-template-columns:1fr}.image-preview-panel div{align-self:auto}}@keyframes spin{to{transform:rotate(360deg)}}.artifact-card{display:grid;gap:5px;padding:13px;border-radius:18px;background:#f8f2e8}.artifact-card span{color:var(--muted);font-size:12px}.detail-action{width:100%;margin-top:18px}button:disabled{cursor:not-allowed;opacity:.62}.phone-frame{width:390px;min-height:780px;margin:0 auto;border-radius:34px;padding:52px 18px 22px;background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.phone-frame:before{content:"";position:absolute;top:14px;left:50%;width:118px;height:28px;border-radius:999px;transform:translate(-50%);background:#1d241f}.h5-frame{max-width:430px;margin:0 auto}@media (max-width: 1060px){.login-panel{grid-template-columns:1fr}.login-copy{min-height:360px}.app-shell{grid-template-columns:1fr}.app-rail{position:static;height:auto}.rail-card{position:static;margin-top:20px}.grid-2,.grid-3,.grid-4,.metric-strip,.field-grid{grid-template-columns:1fr}}@media (max-width: 640px){.entry-shell,.login-gate{padding:14px}.entry-topbar,.page-head{align-items:stretch;flex-direction:column}.login-copy,.login-card{border-radius:24px;padding:22px}.login-copy{min-height:300px}.code-row{grid-template-columns:1fr}}