*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#f5f7fa;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::-webkit-scrollbar-track{background:transparent}.page-container{padding:20px 24px}.page-header{margin-bottom:16px}.page-title{font-size:20px;font-weight:600;color:#111827;margin:0}.page-subtitle{color:#6b7280;font-size:13px;margin-top:4px}.stat-value{font-size:26px;font-weight:700;line-height:1.2}.stat-label{color:#6b7280;font-size:13px}.stat-trend-up{color:#16a34a;font-size:12px}.stat-trend-down{color:#dc2626;font-size:12px}.brand-panel{background:#f8fafc;border-right:1px solid #e5e7eb}.accent-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #2b5aed}.hover-lift{transition:box-shadow .25s ease,transform .25s ease}.hover-lift:hover{box-shadow:0 8px 24px #0f172a1a;transform:translateY(-2px)}.fake-terminal{background:#0d1117;color:#c9d1d9;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;line-height:1.7;border-radius:8px;padding:12px 16px;overflow:auto}.fake-terminal .t-green{color:#3fb950}.fake-terminal .t-cyan{color:#58a6ff}.fake-terminal .t-yellow{color:#d29922}.fake-terminal .t-gray{color:#8b949e}.fake-terminal .t-red{color:#f85149}.fake-terminal .t-bold{font-weight:700}.terminal-cursor{display:inline-block;width:8px;height:14px;background:#58a6ff;vertical-align:middle;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.typing-caret{color:#2b5aed;animation:blink 1s step-end infinite}.chat-bubble-user{background:#2b5aed;color:#fff;border-radius:12px 12px 2px;padding:10px 14px;max-width:78%;word-break:break-word}.chat-bubble-agent{background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:12px 12px 12px 2px;padding:10px 14px;max-width:78%;word-break:break-word;box-shadow:0 1px 2px #0000000a}.lifecycle-bar{display:flex;align-items:flex-start;gap:0}.lifecycle-step{flex:1;text-align:center;position:relative}.lifecycle-step .dot{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;background:#f3f4f6;color:#9ca3af;border:2px solid #e5e7eb;transition:all .3s ease;position:relative;z-index:1}.lifecycle-step .step-label{font-size:13px;margin-top:6px;color:#6b7280}.lifecycle-step .step-desc{font-size:11px;color:#9ca3af;margin-top:2px}.lifecycle-step:before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:2px;background:#e5e7eb;z-index:0}.lifecycle-step:first-child:before{display:none}.lifecycle-step.done .dot{background:#2b5aed;border-color:#2b5aed;color:#fff}.lifecycle-step.done:before{background:#2b5aed}.lifecycle-step.current .dot{background:#fff;border-color:#2b5aed;color:#2b5aed;box-shadow:0 0 0 5px #2b5aed24}.lifecycle-step.current:before{background:#2b5aed}.lifecycle-step.current .step-label{color:#2b5aed;font-weight:600}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-slide-in{animation:fade-slide-in .35s ease both}.filetree-node{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;cursor:pointer;font-size:13px;color:#374151}.filetree-node:hover{background:#f3f4f6}.filetree-node.active{background:#e8efff;color:#2b5aed;font-weight:500}.market-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.studio-canvas{position:relative;overflow:auto;flex:1;background:#f8fafc;background-image:radial-gradient(#d8dee9 1px,transparent 1px);background-size:22px 22px}.studio-node{position:absolute;width:190px;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;box-shadow:0 2px 6px #0f172a12;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease}.studio-node:hover{border-color:#9ca3af}.studio-node.selected{border-color:#2b5aed;box-shadow:0 0 0 3px #2b5aed1f}.studio-node .node-head{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #f1f5f9;font-size:12.5px;font-weight:600;color:#1f2937}.studio-node .node-body{padding:7px 10px;font-size:11.5px;color:#6b7280;line-height:1.6}.studio-node .node-port{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #94a3b8;top:50%;transform:translateY(-50%)}.studio-node .port-in{left:-5px}.studio-node .port-out{right:-5px}.studio-edge{fill:none;stroke:#94a3b8;stroke-width:1.8}.studio-edge.animated{stroke-dasharray:6 5;animation:edge-flow 1s linear infinite}@keyframes edge-flow{to{stroke-dashoffset:-11}}.studio-comp-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;background:#fff;transition:all .15s ease;font-size:12.5px}.studio-comp-item:hover{border-color:#2b5aed;background:#f5f8ff}