:root,[data-theme=light]{--bg: #ffffff;--bg-soft: #f8fafc;--bg-muted: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-muted: #475569;--text-faint: #94a3b8;--brand: #0f172a;--brand-2: #1e293b;--text-c: #2563eb;--text-c-soft: #dbeafe;--text-c-ink: #1d4ed8;--image-c: #db2777;--image-c-soft: #fce7f3;--image-c-ink: #be185d;--video-c: #7c3aed;--video-c-soft: #ede9fe;--video-c-ink: #6d28d9;--accent-ok: #059669;--accent-warn: #d97706;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 6px 20px rgba(15,23,42,.06);--shadow-lg: 0 20px 48px rgba(15,23,42,.1);--font-body: "General Sans","PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display: "Satoshi","General Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-mono: ui-monospace,"SF Mono",Menlo,Consolas,"JetBrains Mono",monospace;--content: 1200px;--content-narrow: 880px}[data-theme=dark]{--bg: #0b1220;--bg-soft: #111a2c;--bg-muted: #16223a;--surface: #111a2c;--border: #223049;--border-strong: #2c3e5f;--text: #e2e8f0;--text-muted: #94a3b8;--text-faint: #64748b;--brand: #f8fafc;--brand-2: #cbd5e1;--text-c-soft: #0b2545;--image-c-soft: #3f1231;--video-c-soft: #241645}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:80px}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:16px;color:var(--text);background:var(--bg)}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:0;font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15;text-wrap:balance;color:var(--text)}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--text-c);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:var(--content);margin:0 auto;padding:0 24px}.container-narrow{max-width:var(--content-narrow);margin:0 auto;padding:0 24px}.section{padding-block:clamp(56px,7vw,112px)}.section-tight{padding-block:clamp(40px,5vw,72px)}.nav{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-family:var(--font-display);font-size:18px;letter-spacing:-.02em}.nav-brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#7c3aed);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{padding:8px 14px;border-radius:8px;font-size:14px;color:var(--text-muted);font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg-muted)}.nav-cta{padding:9px 16px;border-radius:8px;background:var(--brand);color:#fff;font-size:14px;font-weight:600}.nav-cta:hover{background:var(--brand-2)}@media (max-width:768px){.nav-links .hide-sm{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:10px;font-weight:600;font-size:15px;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-outline:hover{border-color:var(--text);background:var(--bg-muted)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:8px 14px;font-size:13px;border-radius:8px}.btn-lg{padding:14px 28px;font-size:16px}.hero{position:relative;overflow:hidden;padding-block:clamp(64px,8vw,120px) clamp(48px,6vw,80px);background:linear-gradient(180deg,#fff,#f8fafc)}[data-theme=dark] .hero{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.06) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 100%);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);font-size:13px;color:var(--text-muted);margin-bottom:24px}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.hero-title{font-size:clamp(36px,5.4vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:20px}.hero-title .grad{background:linear-gradient(135deg,#2563eb,#db2777,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(16px,1.4vw,19px);color:var(--text-muted);max-width:640px;margin-bottom:32px;line-height:1.65}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-stats{display:flex;flex-wrap:wrap;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.hero-stat-num{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.hero-stat-label{font-size:13px;color:var(--text-muted);margin-top:2px}.section-head{text-align:center;margin-bottom:56px}.section-head .eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-c);margin-bottom:12px}.section-head h2{font-size:clamp(28px,3.4vw,44px);font-weight:700;margin-bottom:14px}.section-head p{font-size:17px;color:var(--text-muted);max-width:640px;margin:0 auto}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:960px){.products{grid-template-columns:1fr;gap:20px}}.product-card{position:relative;padding:36px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column;min-height:420px}.product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-tint);opacity:.5;pointer-events:none;z-index:0}.product-card>*{position:relative;z-index:1}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--card-color)}.product-icon{width:56px;height:56px;border-radius:14px;background:var(--card-color);color:#fff;display:grid;place-items:center;margin-bottom:24px;box-shadow:0 6px 20px color-mix(in oklab,var(--card-color) 30%,transparent)}.product-title{font-size:24px;font-weight:700;margin-bottom:10px}.product-desc{color:var(--text-muted);margin-bottom:20px;font-size:15px}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.tag{padding:4px 10px;border-radius:999px;background:var(--bg-muted);color:var(--text-muted);font-size:12px;font-weight:500;border:1px solid var(--border)}.product-scenarios{list-style:none;margin-bottom:24px;flex:1}.product-scenarios li{padding:8px 0;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.product-scenarios li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--card-color);flex-shrink:0}.product-cta{display:flex;align-items:center;gap:6px;color:var(--card-color);font-weight:600;font-size:15px;margin-top:auto;padding-top:8px}.product-cta:hover{gap:10px}.crumb{display:flex;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:16px}.crumb a:hover{color:var(--text)}.crumb span{color:var(--text-faint)}.page-head{padding-block:56px 32px}.page-head h1{font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:12px}.page-head p{font-size:17px;color:var(--text-muted);max-width:720px}.scenarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.scenario{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all .2s ease;cursor:pointer}.scenario:hover{border-color:var(--accent-color,var(--text-c));box-shadow:var(--shadow-md);transform:translateY(-2px)}.scenario-emoji{font-size:28px;margin-bottom:14px}.scenario-title{font-size:17px;font-weight:600;margin-bottom:6px}.scenario-desc{font-size:14px;color:var(--text-muted);margin-bottom:16px;min-height:42px}.scenario-models{display:flex;flex-wrap:wrap;gap:6px}.scenario-models .tag{background:var(--tag-bg,var(--bg-muted));color:var(--tag-color,var(--text-muted));border-color:transparent}.models{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:32px}.model{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all .2s ease;display:flex;flex-direction:column}.model:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.model-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.model-logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:16px;font-family:var(--font-display);flex-shrink:0}.model-name{font-size:16px;font-weight:600;line-height:1.2}.model-vendor{font-size:12px;color:var(--text-muted);margin-top:2px}.model-desc{font-size:14px;color:var(--text-muted);margin-bottom:16px;flex:1}.model-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.model-id{font-family:var(--font-mono);font-size:12px;padding:8px 12px;border-radius:6px;background:var(--bg-muted);color:var(--text);word-break:break-all;display:flex;justify-content:space-between;align-items:center;gap:8px}.model-id .copy{color:var(--text-c);font-size:11px;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:4px;flex-shrink:0}.model-id .copy:hover{background:var(--text-c-soft)}.vendor-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.vendor-tab{padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text-muted);transition:all .18s}.vendor-tab:hover{color:var(--text);border-color:var(--border-strong)}.vendor-tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.access-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}@media (max-width:800px){.access-compare{grid-template-columns:1fr}}.access-card{padding:32px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);position:relative}.access-card.recommended{border-color:var(--text-c);border-width:2px}.access-badge{position:absolute;top:-12px;left:24px;padding:4px 12px;background:var(--text-c);color:#fff;font-size:12px;font-weight:600;border-radius:999px}.access-title{font-size:20px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:10px}.access-sub{font-size:14px;color:var(--text-muted);margin-bottom:20px}.access-list{list-style:none;margin-bottom:20px}.access-list li{padding:8px 0;display:flex;gap:10px;font-size:14px;line-height:1.5}.access-list li:before{content:"✓";color:var(--accent-ok);font-weight:700;flex-shrink:0}.access-list.cons li:before{content:"—";color:var(--text-faint)}.code{position:relative;border-radius:var(--radius);background:#0b1220;color:#e2e8f0;padding:20px 24px;font-family:var(--font-mono);font-size:13px;line-height:1.65;overflow-x:auto;border:1px solid #1e293b}.code .k{color:#c084fc}.code .s{color:#86efac}.code .c{color:#64748b;font-style:italic}.code .n{color:#7dd3fc}.code-copy{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:6px;background:#ffffff14;color:#e2e8f0;font-size:12px;font-weight:500;font-family:var(--font-body);transition:all .18s}.code-copy:hover{background:#ffffff29}.code-tabs{display:flex;gap:2px;background:var(--bg-muted);padding:4px;border-radius:8px;width:fit-content;margin-bottom:12px}.code-tab{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted)}.code-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width:960px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.steps{grid-template-columns:1fr}}.step{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);position:relative}.step-num{width:32px;height:32px;border-radius:8px;background:var(--text-c-soft);color:var(--text-c-ink);font-weight:700;font-family:var(--font-display);display:grid;place-items:center;margin-bottom:16px;font-size:15px}.step h3{font-size:16px;font-weight:600;margin-bottom:8px}.step p{font-size:14px;color:var(--text-muted);line-height:1.55}.form{display:grid;gap:24px;max-width:760px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text)}.form-group .hint{font-size:13px;color:var(--text-muted);font-weight:400}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:15px;transition:all .18s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--text-c);box-shadow:0 0 0 3px var(--text-c-soft)}.form-group textarea{min-height:100px;resize:vertical;font-family:inherit}.check{padding:8px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);font-size:14px;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.check input{display:none}.check:hover{border-color:var(--text-c)}.check.checked{background:var(--text-c);color:#fff;border-color:var(--text-c)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-section-title{font-size:20px;font-weight:700;padding-top:12px;padding-bottom:4px;border-top:1px solid var(--border);margin-top:8px}.form-section-title:first-child{border-top:0;padding-top:0;margin-top:0}.footer{border-top:1px solid var(--border);padding-block:48px 32px;margin-top:80px;background:var(--bg-soft)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px}@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}.footer h4{font-size:14px;font-weight:600;margin-bottom:14px}.footer a{display:block;padding:4px 0;font-size:14px;color:var(--text-muted)}.footer a:hover{color:var(--text)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.chip-blue{background:var(--text-c-soft);color:var(--text-c-ink)}.chip-pink{background:var(--image-c-soft);color:var(--image-c-ink)}.chip-violet{background:var(--video-c-soft);color:var(--video-c-ink)}.divider{height:1px;background:var(--border);margin-block:24px}.lib-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:960px){.lib-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.lib-features{grid-template-columns:1fr}}.lib-feat{display:flex;gap:14px;padding:20px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.lib-feat h4{font-size:15px;font-weight:600;margin-bottom:4px}.lib-feat p{font-size:13px;color:var(--text-muted);line-height:1.5}.lib-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.lib-search{flex:1;min-width:200px}.lib-search input{width:100%;padding:9px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg);font:inherit;font-size:14px;color:var(--text)}.lib-search input:focus{outline:0;border-color:var(--text-c);box-shadow:0 0 0 3px var(--text-c-soft)}.lib-select{padding:9px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg);font:inherit;font-size:14px;color:var(--text);cursor:pointer}.lib-selectbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-radius:12px;background:var(--text-c);color:#fff;margin-bottom:20px;flex-wrap:wrap}.lib-selectbar .btn{background:#ffffff29;color:#fff;border-color:transparent}.lib-selectbar .btn:hover{background:#ffffff47}.lib-selectbar .btn-primary{background:#fff;color:var(--text-c)}.lib-selectbar .btn-primary:hover{background:#f1f5f9}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.asset{border-radius:14px;border:1px solid var(--border);background:var(--surface);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.asset:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-md)}.asset.selected{border-color:var(--text-c);box-shadow:0 0 0 2px var(--text-c-soft)}.asset-thumb{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.asset-thumb-icon{opacity:.7}.asset-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap}.asset-badge{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#fff}.badge-pink{background:var(--image-c)}.badge-violet{background:var(--video-c)}.badge-dark{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.asset-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#fffc;border:2px solid #fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.asset.selected .asset-check{background:var(--text-c);border-color:var(--text-c)}.asset-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.asset-play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,0,0,.35),transparent 60%)}.asset-play svg{position:relative;z-index:1}.asset-body{padding:14px}.asset-prompt{font-size:13px;color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;min-height:40px}.asset-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-bottom:10px;font-family:var(--font-mono)}.asset-model{padding:2px 8px;border-radius:4px;background:var(--bg-muted)}.asset-tags{display:flex;flex-wrap:wrap;gap:4px}.asset-tags .tag{font-size:11px;padding:2px 8px}.canvas-page{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.canvas-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface);gap:16px;flex-wrap:wrap}.canvas-tools{flex:1;display:flex;justify-content:center}.canvas-body{flex:1;display:flex;overflow:hidden;min-height:0}.canvas-side{width:280px;border-right:1px solid var(--border);background:var(--surface);padding:20px;overflow-y:auto;flex-shrink:0}@media (max-width:768px){.canvas-side{display:none}}.preset{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--bg-muted);border:1px solid transparent;transition:all .18s;text-align:left}.preset:hover{border-color:var(--text-c);background:var(--text-c-soft)}.canvas-stage{flex:1;position:relative;overflow:hidden;background:var(--bg-soft);cursor:grab;-webkit-user-select:none;user-select:none}.canvas-stage:active{cursor:grabbing}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.08) 1px,transparent 0);background-size:32px 32px;pointer-events:none}[data-theme=dark] .canvas-grid{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0)}.canvas-layer{position:absolute;top:0;left:0;transform-origin:0 0}.canvas-lines{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-faint);font-size:15px;pointer-events:none}.node{position:absolute;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-md);width:320px}.node-prompt{border-top:3px solid var(--text-c)}.node-result{border-top:3px solid var(--video-c);width:280px}.node-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none}.node-head:active{cursor:grabbing}.node-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.node-title .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.node-del{width:22px;height:22px;border-radius:6px;color:var(--text-muted);font-size:18px;line-height:1;display:grid;place-items:center}.node-del:hover{background:var(--bg-muted);color:var(--text)}.node-textarea{width:100%;padding:12px 14px;border:0;background:transparent;font:inherit;font-size:13px;color:var(--text);resize:none;min-height:80px;outline:0;font-family:inherit;line-height:1.5}.node-section-title{padding:0 14px 6px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.node-models{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.node-model{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);font-size:12px;color:var(--text-muted);transition:all .15s}.node-model:hover{border-color:var(--border-strong);color:var(--text)}.node-model.on{background:var(--text-c);color:#fff;border-color:var(--text-c)}.node-model .dot{width:6px;height:6px;border-radius:50%}.node-run{margin:0 14px 14px;width:calc(100% - 28px);font-size:13px;padding:10px}.node-run:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-canvas{aspect-ratio:1/1;display:grid;place-items:center;position:relative}.result-loading{display:flex;flex-direction:column;align-items:center;gap:10px;color:#ffffffe6;font-size:12px;font-weight:500}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-content{display:flex;flex-direction:column;align-items:center;gap:8px}.result-type{font-size:12px;color:#ffffffd9;font-weight:500}.result-actions{display:flex;gap:2px;padding:8px 10px;border-top:1px solid var(--border)}.result-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:6px;font-size:11px;color:var(--text-muted);font-weight:500}.result-btn:hover{background:var(--bg-muted);color:var(--text)}@media (max-width:800px){.workbench-grid{grid-template-columns:1fr!important}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:var(--bg)}.admin-sidebar{background:#0f172a;color:#e2e8f0;padding:22px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px;border-bottom:1px solid #1e293b;margin-bottom:14px}.admin-sidebar .brand-mark{width:32px;height:32px;border-radius:8px;background:#fff;color:#0f172a;display:grid;place-items:center;font-weight:800;font-size:13px}.admin-sidebar .brand-text{font-size:14px;font-weight:700;letter-spacing:.02em}.admin-sidebar .brand-sub{font-size:11px;color:#64748b;margin-top:2px}.admin-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#cbd5e1;font-size:13.5px;transition:all .15s}.admin-nav a:hover{background:#1e293b;color:#fff}.admin-nav a.active{background:#3b82f6;color:#fff}.admin-nav .sep{font-size:11px;color:#64748b;padding:14px 12px 6px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.admin-me{margin-top:auto;padding:12px;background:#1e293b;border-radius:8px;font-size:12px;color:#cbd5e1}.admin-me .name{font-weight:600;color:#fff;font-size:13px}.admin-me .email{color:#94a3b8;font-size:11px;margin-top:2px;word-break:break-all}.admin-me .logout{margin-top:8px;color:#f87171;font-size:12px;cursor:pointer;background:none;border:none;padding:0}.admin-me .logout:hover{color:#ef4444;text-decoration:underline}.admin-main{padding:28px 32px;min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.admin-h1{font-size:22px;font-weight:700;color:#0f172a;margin:0}.admin-sub{font-size:13px;color:#64748b;margin-top:4px}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:#fff;color:#334155;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s}.btn-ghost:hover{border-color:#cbd5e1;background:#f8fafc}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.btn-danger:hover{background:#fee2e2}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f0f7ff,#eef2ff);padding:20px}.login-card{background:#fff;padding:40px 36px;border-radius:16px;box-shadow:0 20px 60px -20px #0000001f;width:100%;max-width:400px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand-mark{width:44px;height:44px;border-radius:10px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:800}.login-h1{font-size:20px;font-weight:700;color:#0f172a}.login-sub{font-size:12px;color:#64748b;margin-top:2px}.login-field{margin-bottom:16px}.login-label{display:block;font-size:12px;color:#475569;font-weight:500;margin-bottom:6px}.login-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .15s;outline:none;background:#f8fafc}.login-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.login-btn{width:100%;background:#3b82f6;color:#fff;border:none;padding:11px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:8px}.login-btn:hover{background:#2563eb}.login-err{padding:10px 14px;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fecaca}.kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.kanban-col{background:#f1f5f9;border-radius:10px;padding:12px;min-height:400px}.kanban-col h3{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.kanban-col h3 .count{background:#fff;color:#64748b;padding:1px 8px;border-radius:10px;font-size:11px}.k-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;border:1px solid transparent;transition:all .15s}.k-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.k-card .name{font-size:13.5px;font-weight:600;color:#0f172a;margin-bottom:6px}.k-card .meta{font-size:11.5px;color:#64748b;display:flex;gap:8px;flex-wrap:wrap}.k-card .owner{color:#3b82f6}.form-row{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding:12px 0;border-bottom:1px solid #f1f5f9}.form-row .label{font-size:13px;color:#475569;padding-top:8px}.form-row .label .req{color:#dc2626}.form-row .input,.form-row select,.form-row textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13.5px;background:#fff;outline:none;font-family:inherit}.form-row .input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row textarea{min-height:70px;resize:vertical}.checks{display:flex;flex-wrap:wrap;gap:8px}.check-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:20px;font-size:12.5px;cursor:pointer;background:#fff;-webkit-user-select:none;user-select:none}.check-chip input{margin:0}.check-chip.on{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.card{background:#fff;border-radius:12px;padding:20px 24px;border:1px solid #e2e8f0;margin-bottom:16px}.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-title{font-size:15px;font-weight:600;color:#0f172a}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:10px 12px;background:#f8fafc;color:#475569;font-weight:600;font-size:12px;border-bottom:1px solid #e2e8f0}.table td{padding:10px 12px;border-bottom:1px solid #f1f5f9}.table tr:hover td{background:#f8fafc}.pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11.5px;font-weight:500;color:#fff}.cust-shell{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:32px 20px}.cust-container{max-width:960px;margin:0 auto}.cust-hero{background:#fff;border-radius:16px;padding:28px 32px;margin-bottom:20px;box-shadow:0 4px 20px -8px #0f172a14}.cust-hero h1{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 6px}.cust-hero .co{font-size:14px;color:#64748b}.cust-hero .brand-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.cust-hero .brand-line{display:flex;align-items:center;gap:10px}.cust-hero .brand-mark{width:36px;height:36px;border-radius:8px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.cust-hero .brand-txt{font-size:12px;color:#64748b}.cust-hero .brand-txt strong{color:#0f172a;font-size:14px;display:block}.cust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.cust-stat{background:#fff;padding:20px 24px;border-radius:12px;border:1px solid #e2e8f0}.cust-stat .num{font-size:24px;font-weight:700;color:#0f172a}.cust-stat .lbl{font-size:12px;color:#64748b;margin-top:4px}@media (max-width:640px){.cust-stats{grid-template-columns:repeat(2,1fr)}}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:16px}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}}.tab-bar{display:flex;gap:2px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.tab-btn{padding:10px 16px;background:transparent;border:none;font-size:13px;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;font-weight:500}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.log-item{padding:12px 0;border-bottom:1px solid #f1f5f9}.log-item:last-child{border-bottom:none}.log-meta{font-size:11.5px;color:#94a3b8;margin-bottom:4px}.log-text{font-size:13.5px;color:#334155;white-space:pre-wrap;line-height:1.55}.link-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:6px;margin-bottom:6px;font-size:12px}.link-item code{background:#fff;padding:3px 8px;border-radius:4px;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid #e2e8f0;font-size:11.5px}.empty{padding:40px 20px;text-align:center;color:#94a3b8;font-size:13px}