:root{--bg:#0a0a0f;--bg-soft:#0e0e15;--panel:#13131c;--panel-2:#171722;--panel-3:#1c1c28;--brand-950:#06221e;--brand-900:#09342d;--brand-850:#0c4139;--brand-800:#0e4a41;--brand-700:#13675b;--brand-600:#198a79;--brand-500:#21b59f;--brand-400:#39dbc2;--brand-300:#71e5d3;--brand-200:#adf0e6;--brand-100:#ddf9f4;--primary:#13675b;--primary-soft:#39dbc2;--violet:#21b59f;--accent:#39dbc2;--cyan:#2ab8a2;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--text:#e2e8f0;--text-strong:#f8fafc;--muted:#94a3b8;--dim:#64748b;--faint:#475569;--border:rgba(255,255,255,0.08);--border-soft:rgba(255,255,255,0.05);--border-strong:rgba(255,255,255,0.14);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 8px 24px rgba(0,0,0,0.45);--shadow-lg:0 24px 64px rgba(0,0,0,0.55);--glow:0 0 0 1px rgba(18,105,92,0.35),0 12px 40px rgba(18,105,92,0.22);--nav-h:64px;--container:1200px;--font:Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(0.22,1,0.36,1)}html[data-theme='light']{--bg:#f4f7f6;--bg-soft:#edf3f1;--panel:#ffffff;--panel-2:#f7faf9;--panel-3:#edf3f1;--primary:#0e6758;--primary-soft:#087b69;--violet:#0e8f79;--accent:#087b69;--cyan:#0b7868;--text:#263936;--text-strong:#102521;--muted:#5c6f6b;--dim:#71817e;--faint:#8a9895;--border:rgba(14,74,65,0.15);--border-soft:rgba(14,74,65,0.1);--border-strong:rgba(14,74,65,0.24);--shadow-sm:0 1px 2px rgba(17,54,47,0.08);--shadow:0 10px 28px rgba(17,54,47,0.1);--shadow-lg:0 24px 64px rgba(17,54,47,0.14);--glow:0 0 0 1px rgba(14,74,65,0.18),0 14px 38px rgba(14,74,65,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h)+24px);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,0.055) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,#000 20%,transparent 78%)}body::after{content:"";position:fixed;top:-280px;left:50%;transform:translateX(-50%);width:1100px;height:620px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(18,105,92,0.16),transparent 62%);filter:blur(20px)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}::selection{background:rgba(18,105,92,0.4)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#26263a;border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#34344d}.icon{width:1em;height:1em;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.app{position:relative;z-index:1}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,0.03)}.lang-switch button{height:26px;padding:0 11px;border-radius:6px;font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap;transition:color 0.18s,background 0.18s,box-shadow 0.18s}.lang-switch button:hover{color:var(--text-strong)}.lang-switch button.is-on{color:#fff;background:linear-gradient(135deg,var(--primary),var(--violet));box-shadow:0 4px 14px rgba(18,105,92,0.32)}.nav-mobile .lang-switch{align-self:flex-start;margin:4px 0 6px}.theme-toggle{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,0.035);color:var(--muted);transition:color 0.18s,border-color 0.18s,background 0.18s,transform 0.18s}.theme-toggle:hover{color:var(--text-strong);border-color:var(--border-strong);background:rgba(255,255,255,0.07);transform:translateY(-1px)}.theme-toggle .icon{grid-area:1 / 1;font-size:16px}.theme-icon--moon{display:none}html[data-theme='light'] .theme-icon--sun{display:none}html[data-theme='light'] .theme-icon--moon{display:block}.nav-mobile .theme-toggle{align-self:flex-start;margin:0 0 4px}.cv-top-right .theme-toggle{width:28px;height:28px;border-radius:7px}.skip-link{position:fixed;top:10px;left:50%;transform:translate(-50%,-160%);z-index:200;padding:10px 20px;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:500;box-shadow:0 12px 30px rgba(0,0,0,0.5);transition:transform 0.2s var(--ease)}.skip-link:focus{transform:translate(-50%,0);outline:none}:focus-visible{outline:2px solid var(--primary-soft);outline-offset:2px;border-radius:6px}.btn:focus-visible,.nav-link:focus-visible,.cv-tool:focus-visible{outline:2px solid #adf0e6;outline-offset:2px}section[id]{scroll-margin-top:calc(var(--nav-h)+20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;white-space:nowrap;transition:transform 0.18s var(--ease),background 0.18s var(--ease),border-color 0.18s var(--ease),box-shadow 0.18s var(--ease),opacity 0.18s}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;box-shadow:0 6px 20px rgba(18,105,92,0.3)}.btn-primary:hover{box-shadow:0 10px 28px rgba(18,105,92,0.45);filter:brightness(1.06)}.btn-ghost{border:1px solid var(--border);background:rgba(255,255,255,0.03);color:var(--text)}.btn-ghost:hover{background:rgba(255,255,255,0.07);border-color:var(--border-strong)}.btn-quiet{color:var(--muted)}.btn-quiet:hover{color:var(--text-strong)}.btn-sm{height:34px;padding:0 14px;font-size:13px}.btn-lg{height:46px;padding:0 26px;font-size:15px;border-radius:10px}.btn .icon{font-size:16px}.nav{position:sticky;top:0;z-index:60;height:var(--nav-h);background:rgba(10,10,15,0.72);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid transparent;transition:border-color 0.25s,background 0.25s}.nav.is-stuck{border-bottom-color:var(--border-soft);background:rgba(10,10,15,0.88)}.nav-inner{height:var(--nav-h);display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-strong);letter-spacing:0;flex:none}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--violet) 55%,var(--accent));color:#fff;font-size:16px;box-shadow:0 6px 18px rgba(18,105,92,0.4)}.brand-text{display:flex;align-items:baseline;gap:6px}.brand-sub{font-size:13px;font-weight:500;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.nav-link{height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--muted);transition:color 0.18s,background 0.18s}.nav-link:hover{color:var(--text-strong);background:rgba(255,255,255,0.05)}.nav-link.is-active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--violet));box-shadow:0 6px 18px rgba(18,105,92,0.35)}.nav-actions{flex:none;display:flex;align-items:center;gap:10px}.nav-actions [data-auth][hidden]{display:none}.nav-actions--pages .btn-quiet[hidden],.nav-actions--pages .btn-primary[hidden]{display:none}.nav-user{display:inline-flex;align-items:center;gap:7px;height:34px;min-width:0;padding:0 10px 0 5px;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,0.025);color:var(--text);font-size:12.5px;transition:border-color 0.16s,background 0.16s,color 0.16s}.nav-user:hover{color:var(--text-strong);border-color:rgba(57,219,194,0.42);background:rgba(18,105,92,0.1)}.nav-user-avatar{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;font-size:11px;font-weight:700}.nav-user-name{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-logout{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 8px;border-radius:8px;color:var(--muted);font-size:12.5px;transition:color 0.16s,background 0.16s}.nav-logout:hover{color:var(--text-strong);background:rgba(255,255,255,0.06)}.nav-logout .icon{font-size:15px}.nav-burger{display:none;width:38px;height:38px;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);font-size:18px}.nav-mobile{display:none;position:fixed;top:var(--nav-h);left:0;right:0;z-index:59;padding:14px 20px 22px;background:rgba(10,10,15,0.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);flex-direction:column;gap:8px}.nav-mobile.is-open{display:flex}.nav-mobile a{height:44px;display:flex;align-items:center;padding:0 14px;border-radius:var(--radius-sm);font-size:15px;color:var(--text);border:1px solid transparent}.nav-mobile a:hover{background:rgba(255,255,255,0.05);border-color:var(--border-soft)}.nav-mobile .btn{width:100%;margin-top:4px}.hero{padding:72px 0 40px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 12px;border-radius:99px;border:1px solid rgba(18,105,92,0.3);background:rgba(18,105,92,0.1);color:#adf0e6;font-size:13px;font-weight:500}.eyebrow .icon{font-size:14px;color:var(--primary-soft)}.hero h1{margin:22px 0 0;font-size:clamp(34px,3.5vw,50px);line-height:1.1;font-weight:700;letter-spacing:-0.01em;color:var(--text-strong)}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#71e5d3,#8ee8d8 45%,#c9f5ee);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin:20px 0 0;max-width:30em;font-size:16px;line-height:1.75;color:var(--muted)}.composer{margin-top:30px;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));box-shadow:var(--shadow);transition:border-color 0.2s,box-shadow 0.2s}.composer:focus-within{border-color:rgba(18,105,92,0.55);box-shadow:0 0 0 3px rgba(18,105,92,0.13),var(--shadow)}.composer-add{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);color:var(--muted);font-size:18px;transition:color 0.18s,background 0.18s}.composer-add:hover{color:var(--text-strong);background:rgba(255,255,255,0.06)}.composer input{flex:1;min-width:0;height:40px;border:0;outline:none;background:none;font-size:14px;color:var(--text-strong)}.composer input::placeholder{color:var(--dim)}.composer-select{position:relative;flex:none}.composer-select-btn{height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,0.03);font-size:13px;color:var(--text);white-space:nowrap}.composer-select-btn:hover{background:rgba(255,255,255,0.07)}.composer-select-btn .icon{font-size:14px;color:var(--dim);transition:transform 0.2s}.composer-select.is-open .composer-select-btn .icon{transform:rotate(180deg)}.composer-menu{position:absolute;right:0;top:calc(100%+8px);min-width:190px;padding:6px;border-radius:var(--radius);border:1px solid var(--border);background:#14141d;box-shadow:var(--shadow-lg);display:none;z-index:30}.composer-select.is-open .composer-menu{display:block;animation:pop 0.16s var(--ease)}.composer-menu button{width:100%;height:36px;padding:0 10px;display:flex;align-items:center;gap:9px;border-radius:var(--radius-sm);font-size:13px;color:var(--text);text-align:left}.composer-menu button:hover{background:rgba(255,255,255,0.06)}.composer-menu .dot{width:7px;height:7px;border-radius:50%;flex:none}.composer-send{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;font-size:17px;box-shadow:0 6px 18px rgba(18,105,92,0.35);transition:filter 0.18s,transform 0.18s}.composer-send:hover{filter:brightness(1.1);transform:translateY(-1px)}.video-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);overflow:hidden;box-shadow:var(--shadow-lg)}.video-frame{position:relative;aspect-ratio:16 / 9;background:#08080d}.video-frame img{width:100%;height:100%;object-fit:cover;opacity:0.85}.video-play{position:absolute;inset:0;display:grid;place-items:center}.video-play span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:rgba(18,105,92,0.9);color:#fff;font-size:22px;padding-left:3px;box-shadow:0 10px 30px rgba(18,105,92,0.5);transition:transform 0.2s var(--ease),background 0.2s}.video-play:hover span{transform:scale(1.08);background:var(--primary)}.video-meta{display:flex;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--border-soft)}.video-meta .icon{font-size:16px;color:var(--primary-soft)}.video-meta strong{font-size:14px;font-weight:600;color:var(--text-strong)}.video-meta small{margin-left:auto;font-size:12px;color:var(--dim)}.bounty{margin-top:44px}.bounty-inner{position:relative;display:flex;align-items:center;gap:26px;padding:18px 22px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(120deg,rgba(18,105,92,0.11),rgba(33,181,159,0.05) 40%,rgba(42,184,162,0.06));overflow:hidden}.bounty-inner::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(18,105,92,0.55),transparent 34%,transparent 66%,rgba(57,219,194,0.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.bounty-head{display:flex;align-items:center;gap:13px;flex:none;padding-right:26px;border-right:1px solid var(--border)}.bounty-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-size:20px;box-shadow:0 8px 22px rgba(42,184,162,0.3)}.bounty-head h3{margin:0;font-size:16px;font-weight:600;color:var(--text-strong);white-space:nowrap}.bounty-head p{margin:1px 0 0;font-size:12px;color:var(--muted);white-space:nowrap}.bounty-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.bounty-step{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:99px;border:1px solid var(--border);background:rgba(255,255,255,0.035);font-size:12.5px;color:var(--text);white-space:nowrap}.bounty-step .icon{font-size:14px;color:var(--primary-soft)}.bounty-tags{margin-top:8px;font-size:12px;color:var(--dim);letter-spacing:0.02em}.bounty-side{margin-left:auto;display:flex;align-items:center;gap:20px;flex:none;padding-left:26px;border-left:1px solid var(--border)}.bounty-notes{display:grid;gap:3px;font-size:12px}.bounty-notes span:first-child{color:var(--muted)}.bounty-notes span:last-child{color:#34d399}.section{padding:76px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-head h2{margin:0;font-size:clamp(26px,3.1vw,34px);line-height:1.25;font-weight:700;color:var(--text-strong);letter-spacing:-0.005em}.section-head p{margin:12px 0 0;font-size:15px;color:var(--muted)}.canvas-panel{position:relative;border-radius:var(--radius-xl);border:1px solid var(--border);background:#0b0b12;overflow:hidden;box-shadow:var(--shadow-lg)}.canvas-bar{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(18,105,92,0.07),transparent)}.canvas-bar-mark{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#10b981,#2ab8a2);color:#04120f;font-size:20px}.canvas-bar h2{margin:0;font-size:19px;font-weight:700;color:var(--text-strong)}.canvas-bar p{margin:1px 0 0;font-size:13px;color:var(--muted)}.canvas-bar .btn{margin-left:auto}.canvas-stage{position:relative;height:470px;background-image:radial-gradient(circle,rgba(148,163,184,0.12) 1px,transparent 1px);background-size:26px 26px;overflow:hidden}.canvas-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 30%,rgba(11,11,18,0.85) 100%);pointer-events:none}.canvas-nodes{position:absolute;inset:0;z-index:2}.cnode{position:absolute;width:138px;border-radius:9px;border:1px solid var(--border);background:#16161f;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,0.5);animation:cvFloat 7s ease-in-out infinite}.cnode:nth-child(2n){animation-duration:8.4s;animation-delay:-1.4s}.cnode:nth-child(3n){animation-duration:6.6s;animation-delay:-2.8s}.cnode:nth-child(4n){animation-duration:9.2s;animation-delay:-0.7s}.cnode:nth-child(5n){animation-duration:7.8s;animation-delay:-3.6s}@keyframes cvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.cnode-head{display:flex;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:9.5px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--border-soft);background:#13131c}.cnode-head i{width:7px;height:7px;border-radius:2px;flex:none}.cnode img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.cnode--text{width:148px}.cnode--text p{margin:0;padding:7px 8px 9px;font-size:9.5px;line-height:1.6;color:var(--muted)}.cnode--video .cnode-play{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:rgba(139,92,246,0.92);box-shadow:0 4px 12px rgba(0,0,0,0.5);animation:cvPulseBtn 2.6s ease-in-out infinite}.cnode--video .cnode-play::after{content:"";position:absolute;left:8px;top:6px;border-left:7px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}@keyframes cvPulseBtn{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,0.5),0 0 0 0 rgba(139,92,246,0.5)}50%{box-shadow:0 4px 12px rgba(0,0,0,0.5),0 0 0 7px rgba(139,92,246,0)}}.cnode-wave{display:block;height:44px;margin:8px 9px;border-radius:4px;background-image:repeating-linear-gradient( 90deg,rgba(236,72,153,0.85) 0 2px,transparent 2px 6px );-webkit-mask-image:radial-gradient(ellipse 70% 100% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 100% at 50% 50%,#000 55%,transparent 100%)}.canvas-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.fc-link{stroke:rgba(57,219,194,0.5);stroke-dasharray:5 7;animation:cvFlow 1.8s linear infinite}@keyframes cvFlow{to{stroke-dashoffset:-24}}.fc-dot{color:rgba(57,219,194,0.85)}.fc-dot circle{animation:cvDot 2.4s ease-in-out infinite}.fc-dot circle:nth-child(2n){animation-delay:0.5s}.fc-dot circle:nth-child(3n){animation-delay:1s}@keyframes cvDot{0%,100%{opacity:0.45;r:3}50%{opacity:1;r:4.5}}@media (prefers-reduced-motion:reduce){.cnode,.fc-link,.fc-dot circle,.cnode--video .cnode-play{animation:none}}.canvas-legend{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:16px 24px;text-align:center;font-size:13px;color:var(--muted);background:linear-gradient(0deg,#0b0b12 30%,transparent)}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow-card{display:flex;flex-direction:column;padding:22px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.012));transition:transform 0.22s var(--ease),border-color 0.22s,box-shadow 0.22s,background 0.22s}.flow-card:hover{transform:translateY(-4px);border-color:rgba(18,105,92,0.42);background:linear-gradient(180deg,rgba(18,105,92,0.09),rgba(255,255,255,0.015));box-shadow:0 20px 44px rgba(0,0,0,0.45)}.flow-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:rgba(18,105,92,0.12);color:var(--primary-soft);font-size:19px}.flow-card h3{margin:16px 0 0;font-size:16px;font-weight:600;color:var(--text-strong)}.flow-card p{margin:9px 0 0;font-size:13px;line-height:1.75;color:var(--muted)}.flow-tags{margin-top:15px;display:flex;flex-wrap:wrap;gap:7px}.tag{height:24px;padding:0 9px;display:inline-flex;align-items:center;border-radius:6px;border:1px solid var(--border);background:rgba(255,255,255,0.04);font-size:11.5px;color:var(--muted);white-space:nowrap}.flow-foot{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.link-go{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--primary-soft)}.link-go .icon{font-size:14px;transition:transform 0.2s var(--ease)}.flow-card:hover .link-go .icon{transform:translateX(3px)}.badge-locked{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;border:1px solid rgba(245,158,11,0.28);background:rgba(245,158,11,0.1);font-size:11.5px;color:#fbbf24}.badge-locked .icon{font-size:12px}.badge-locked.is-ok{border-color:rgba(57,219,194,0.38);background:rgba(18,105,92,0.12);color:#a7f3e4}.badge-locked.is-free{border-color:rgba(59,130,246,0.3);background:rgba(59,130,246,0.1);color:#93c5fd}.flow-card:has(.link-go[aria-disabled='true']){opacity:0.78}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);overflow:hidden;transition:transform 0.22s var(--ease),border-color 0.22s,box-shadow 0.22s}.work-card:hover{transform:translateY(-4px);border-color:rgba(18,105,92,0.4);box-shadow:0 20px 44px rgba(0,0,0,0.45)}.work-thumb{position:relative;aspect-ratio:16 / 10;background:#0d0d14;overflow:hidden}.work-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s var(--ease)}.work-card:hover .work-thumb img{transform:scale(1.04)}.work-thumb .play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,6,12,0.22);opacity:0;transition:opacity 0.22s}.work-card:hover .work-thumb .play{opacity:1}.work-thumb .play span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(18,105,92,0.92);color:#fff;font-size:18px;padding-left:2px}.work-meta{padding:14px 16px;border-top:1px solid var(--border-soft)}.work-meta strong{display:block;font-size:14px;font-weight:600;color:var(--text-strong)}.work-meta small{display:inline-block;margin-top:6px;font-size:12px;color:var(--dim)}.work-count{margin-top:26px;text-align:center;font-size:13px;color:var(--dim)}.cta{padding:40px 0 84px}.cta-inner{position:relative;padding:62px 32px;border-radius:var(--radius-xl);border:1px solid rgba(18,105,92,0.22);background:radial-gradient(ellipse 70% 130% at 50% 0%,rgba(18,105,92,0.2),transparent 68%),linear-gradient(180deg,#14141f,#0e0e15);text-align:center;overflow:hidden}.cta-inner h2{margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--text-strong)}.cta-inner p{margin:12px 0 28px;font-size:15px;color:var(--muted)}.footer{border-top:1px solid var(--border-soft);padding:26px 0}.footer-inner{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12.5px;color:var(--dim)}.footer-links{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.footer-links a{padding:2px 6px;border-radius:5px;transition:color 0.18s,background 0.18s}.footer-links a:hover{color:var(--text);background:rgba(255,255,255,0.05)}.footer-sep{color:#2a2a3d}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,4,8,0.72);backdrop-filter:blur(6px)}.modal.is-open{display:flex;animation:fade 0.18s var(--ease)}.modal-card{position:relative;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;padding:30px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#12121b;box-shadow:var(--shadow-lg);animation:pop 0.2s var(--ease)}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--dim);font-size:17px}.modal-close:hover{color:var(--text);background:rgba(255,255,255,0.06)}.modal-card h3{margin:0;font-size:21px;font-weight:700;color:var(--text-strong)}.modal-card>p{margin:8px 0 22px;font-size:13.5px;color:var(--muted)}.field{margin-bottom:14px}.field label{display:block;margin-bottom:7px;font-size:12.5px;color:var(--muted)}.field-input{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,0.03);transition:border-color 0.18s,box-shadow 0.18s}.field-input:focus-within{border-color:rgba(18,105,92,0.6);box-shadow:0 0 0 3px rgba(18,105,92,0.13)}.field-input .icon{font-size:16px;color:var(--dim)}.field-input input{flex:1;min-width:0;height:100%;border:0;outline:none;background:none;font-size:14px}.field-input input::placeholder{color:var(--dim)}.field-error{display:none;margin-top:6px;font-size:12px;line-height:1.6;color:#fca5a5}.field.has-error .field-error{display:block}.field.has-error .field-input{border-color:rgba(244,63,94,0.75);box-shadow:0 0 0 3px rgba(244,63,94,0.12)}.modal-card .btn-lg{width:100%;margin-top:8px}.modal-alt{margin-top:18px;text-align:center;font-size:13px;color:var(--muted)}.modal-alt button{color:var(--primary-soft);font-weight:500}.modal-alt button:hover{text-decoration:underline}.modal-note{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft);font-size:11.5px;line-height:1.7;color:var(--faint);text-align:center}.to-top{position:fixed;right:22px;bottom:22px;z-index:55;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:rgba(19,19,28,0.92);backdrop-filter:blur(10px);color:var(--muted);font-size:18px;box-shadow:0 14px 34px rgba(0,0,0,0.5);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity 0.25s var(--ease),transform 0.25s var(--ease),color 0.18s,border-color 0.18s}.to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.to-top:hover{color:var(--text-strong);border-color:var(--border-strong)}.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s var(--ease),transform 0.7s var(--ease);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(0.98)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}.reveal{opacity:1;transform:none}}@media (max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero{padding-top:52px}.video-card{max-width:620px}.bounty-inner{flex-wrap:wrap}.bounty-head{padding-right:0;border-right:0}.bounty-side{margin-left:0;padding-left:0;border-left:0;width:100%;justify-content:space-between}.flow-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1081px){.hero h1{white-space:nowrap}}@media (max-width:820px){.nav-links,.nav-actions .btn-ghost,.nav-actions .btn-primary,.nav-actions--pages .btn-quiet,.nav-actions [data-lang-switch]{display:none}.nav-actions--pages [data-lang-switch]{display:inline-flex}.brand-sub{display:none}.nav-burger{display:inline-flex;margin-left:auto}.nav-actions .nav-user-name,.nav-actions .nav-logout{display:none}.nav-actions .nav-user{width:34px;padding:0;justify-content:center}.container{padding:0 18px}.section{padding:56px 0}.section-head{margin-bottom:30px}.flow-grid,.work-grid{grid-template-columns:1fr}.canvas-stage{height:320px}.canvas-bar{padding:16px 16px}.canvas-bar .btn{display:none}.cta-inner{padding:44px 20px}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}.footer-links{margin-left:0}.modal-card{padding:24px 20px}}@media (max-width:560px){.hero h1{font-size:34px}.hero-lead{font-size:15px}.composer{flex-wrap:wrap;padding:10px}.composer input{order:-1;width:100%;flex-basis:100%;padding:0 6px 6px}.composer-select{flex:1}.composer-select-btn{width:100%;justify-content:space-between}.composer-menu{left:0;right:auto;width:100%}.bounty-head{width:100%}.bounty-side{flex-direction:column;align-items:stretch;gap:14px}.bounty-side .btn{width:100%}.bounty-inner{padding:16px}}html[lang='ug']{--font:'ALKATIP Tor Tom','ALKATIP Tortom','ALKATIP Tor','ALKATIP Basma Tom','ALKATIP Kitab Tom','ALKATIP Kufi','Noto Sans Arabic','UKIJ Tuz Tom','Microsoft Uighur','Segoe UI',Tahoma,'PingFang SC',ui-sans-serif,sans-serif}html[lang='ug'] body{line-height:1.95;font-size:15.5px}html[lang='ug'] [dir='ltr']{font-family:Inter,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}html[lang='ug'] .hero h1,html[lang='ug'] .section-head h2,html[lang='ug'] .cta-inner h2,html[lang='ug'] .page-title{line-height:1.5;letter-spacing:0}html[lang='ug'] .brand-text,html[lang='ug'] .video-meta strong,html[lang='ug'] .flow-card h3,html[lang='ug'] .price-card h3{letter-spacing:0}html[lang='ug'] a[href^='mailto:'],html[lang='ug'] .bounty-tags,html[lang='ug'] .cv-zoom-value{direction:ltr;unicode-bidi:embed;display:inline-block}html[lang='ug'] .bounty-tags{display:block;text-align:right}html[dir='rtl'] .bounty-head{border-right:0;border-left:1px solid var(--border);padding-right:0;padding-left:26px}html[dir='rtl'] .bounty-side{border-left:0;border-right:1px solid var(--border);padding-left:0;padding-right:26px}html[dir='rtl'] .video-meta small,html[dir='rtl'] .canvas-bar .btn,html[dir='rtl'] .footer-links{margin-left:0;margin-right:auto}html[dir='rtl'] .to-top{right:auto;left:22px}html[dir='rtl'] .modal-close{right:auto;left:14px}html[dir='rtl'] .eyebrow{padding:0 12px 0 14px}html[dir='rtl'] .link-go .icon{transform:scaleX(-1)}html[dir='rtl'] .flow-card:hover .link-go .icon,html[dir='rtl'] .bounty-side .btn .icon{transform:scaleX(-1)}html[dir='rtl'] .flow-card:hover .link-go .icon{transform:scaleX(-1) translateX(3px)}html[dir='rtl'] .composer input,html[dir='rtl'] .field-input input,html[dir='rtl'] .cv-field input,html[dir='rtl'] .cv-field textarea{text-align:right}@media (max-width:1080px){html[dir='rtl'] .bounty-head{border-left:0;padding-left:0}html[dir='rtl'] .bounty-side{border-right:0;padding-right:0}}html[data-theme='light']::selection{background:rgba(14,103,88,0.22)}html[data-theme='light']::-webkit-scrollbar-thumb{background:#b8c9c5;border-color:var(--bg)}html[data-theme='light']::-webkit-scrollbar-thumb:hover{background:#9fb5b0}html[data-theme='light'] body::before{background-image:linear-gradient(rgba(14,74,65,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(14,74,65,0.055) 1px,transparent 1px)}html[data-theme='light'] body::after{background:radial-gradient(circle,rgba(18,105,92,0.1),transparent 64%)}html[data-theme='light'] .nav,html[data-theme='light'] .nav.is-stuck{background:rgba(247,251,250,0.88)}html[data-theme='light'] .nav-mobile{background:rgba(247,251,250,0.98)}html[data-theme='light'] .nav-link:hover,html[data-theme='light'] .nav-mobile a:hover,html[data-theme='light'] .composer-add:hover,html[data-theme='light'] .composer-menu button:hover,html[data-theme='light'] .modal-close:hover,html[data-theme='light'] .cv-icon-btn:hover,html[data-theme='light'] .cv-board-title:hover,html[data-theme='light'] .cv-nodetools button:hover,html[data-theme='light'] .cv-hud button:hover,html[data-theme='light'] .cv-menu-close:hover,html[data-theme='light'] .cv-menu-item:hover,html[data-theme='light'] .cv-search-item:hover{background:rgba(14,74,65,0.07)}html[data-theme='light'] .theme-toggle,html[data-theme='light'] .lang-switch,html[data-theme='light'] .btn-ghost,html[data-theme='light'] .composer-select-btn,html[data-theme='light'] .field-input,html[data-theme='light'] .price-toggle,html[data-theme='light'] .boards-tabs,html[data-theme='light'] .boards-search,html[data-theme='light'] .bounty-tabs,html[data-theme='light'] .bounty-drawer-toggle{background:rgba(14,74,65,0.035)}html[data-theme='light'] .theme-toggle:hover,html[data-theme='light'] .btn-ghost:hover,html[data-theme='light'] .composer-select-btn:hover{background:rgba(14,74,65,0.075)}html[data-theme='light'] .nav-user{background:rgba(14,74,65,0.035)}html[data-theme='light'] .nav-logout:hover{background:rgba(14,74,65,0.075)}html[data-theme='light'] .eyebrow,html[data-theme='light'] .page-eyebrow,html[data-theme='light'] .bounty-eyebrow{color:#0b6f60}html[data-theme='light'] .composer{background:linear-gradient(180deg,#ffffff,#f7faf9)}html[data-theme='light'] .composer-menu,html[data-theme='light'] .modal-card{background:#ffffff}html[data-theme='light'] .modal{background:rgba(25,43,39,0.34)}html[data-theme='light'] .flow-card{background:linear-gradient(180deg,#ffffff,#f8fbfa)}html[data-theme='light'] .flow-card:hover{background:linear-gradient(180deg,rgba(14,103,88,0.08),#ffffff);box-shadow:0 18px 42px rgba(17,54,47,0.12)}html[data-theme='light'] .tag,html[data-theme='light'] .bounty-step{background:rgba(14,74,65,0.045)}html[data-theme='light'] .cta-inner{background:radial-gradient(ellipse 70% 130% at 50% 0%,rgba(18,105,92,0.14),transparent 68%),linear-gradient(180deg,#ffffff,#f5f9f8)}html[data-theme='light'] .footer-sep{color:rgba(14,74,65,0.22)}html[data-theme='light'] .to-top{background:rgba(255,255,255,0.94);box-shadow:0 14px 34px rgba(17,54,47,0.16)}html[data-theme='light'] .canvas-panel{background:#ffffff}html[data-theme='light'] .canvas-bar{background:linear-gradient(180deg,rgba(18,105,92,0.08),transparent)}html[data-theme='light'] .canvas-stage{background-image:radial-gradient(circle,rgba(14,74,65,0.16) 1px,transparent 1px)}html[data-theme='light'] .canvas-stage::after{background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 28%,rgba(244,247,246,0.82) 100%)}html[data-theme='light'] .canvas-legend{background:linear-gradient(0deg,#ffffff 30%,transparent)}html[data-theme='light'] .cnode{background:#ffffff;box-shadow:0 10px 26px rgba(17,54,47,0.14)}html[data-theme='light'] .cnode-head{background:#f4f8f7;color:var(--text)}html[data-theme='light'] .prose code{color:#0b6f60;background:rgba(14,74,65,0.06)}.studio{max-width:880px;margin:0 auto;text-align:center}.studio .eyebrow{display:inline-flex;align-items:center;gap:8px}.studio-title{margin:16px 0 0;color:var(--text-strong);font-size:clamp(30px,5.2vw,46px);font-weight:700;line-height:1.16;letter-spacing:-0.02em}.studio-lead{max-width:640px;margin:14px auto 0;color:var(--muted);font-size:15px;line-height:1.7}.studio-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px auto 16px}.studio-tab{padding:9px 18px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:transparent;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:color 160ms ease,background 160ms ease,border-color 160ms ease}.studio-tab:hover{color:var(--text);background:rgba(148,163,184,0.08)}.studio-tab.is-active{color:var(--text-strong);background:rgba(148,163,184,0.16);border-color:transparent}.composer-lg{max-width:100%;margin:0 auto}.studio-ideas{margin-top:24px;text-align:center}.studio-ideas-label{display:block;margin-bottom:12px;color:var(--dim);font-size:13px}.studio-idea-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.studio-idea{padding:9px 16px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:rgba(148,163,184,0.06);font-family:inherit;font-size:13px;cursor:pointer;transition:color 160ms ease,background 160ms ease,transform 160ms ease}.studio-idea:hover{color:var(--text-strong);background:rgba(148,163,184,0.14);transform:translateY(-1px)}.hero .hero-media{max-width:620px;margin:36px auto 0}@media (max-width:640px){.studio-tabs,.studio-idea-list{gap:8px}.studio-tab,.studio-idea{font-size:13px;padding:8px 14px}}.composer-studio{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:18px 18px 12px;text-align:left}.composer-studio textarea{width:100%;min-height:88px;max-height:240px;margin:0;padding:2px;border:0;outline:0;resize:none;overflow-y:auto;color:var(--text);background:transparent;font-family:inherit;font-size:15px;line-height:1.75}.composer-studio textarea::placeholder{color:var(--dim)}.composer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.composer-bar-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.composer-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:transparent;font-family:inherit;font-size:13px;cursor:pointer;transition:color 160ms ease,background 160ms ease}.composer-chip:hover{color:var(--text-strong);background:rgba(148,163,184,0.1)}.composer-studio .composer-select-btn{padding:7px 13px;border-radius:999px;font-size:13px}.composer-studio .composer-menu{top:auto;bottom:calc(100%+8px)}.composer-send{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap}@media (max-width:560px){.composer-send{flex:1 1 auto;justify-content:center}.composer-bar-left{flex:1 1 100%}}.hero{position:relative;padding:56px 0 8px;overflow:hidden}.hero::before{content:"";position:absolute;left:0;right:0;top:-22%;height:640px;background:radial-gradient(48% 62% at 50% 0%,rgba(57,219,194,0.17),transparent 70%),radial-gradient(34% 48% at 16% 14%,rgba(33,181,159,0.13),transparent 72%),radial-gradient(32% 46% at 86% 8%,rgba(16,185,129,0.11),transparent 72%);pointer-events:none;z-index:0}.hero .container{position:relative;z-index:1}.studio .eyebrow{height:34px;padding:0 16px 0 14px;border-color:rgba(57,219,194,0.32);background:rgba(57,219,194,0.1);color:#b6f3e8}.studio-title{margin:18px 0 0;font-size:clamp(32px,5.4vw,52px);font-weight:800;line-height:1.12;letter-spacing:-0.025em;background:linear-gradient(180deg,#ffffff 22%,#9fe9da 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.studio-lead{margin:16px auto 0;max-width:34em;color:#9aa8b6;font-size:15.5px}.studio-tabs{margin:30px auto 18px;gap:10px}.studio-tab{padding:10px 20px;border-color:rgba(255,255,255,0.1);color:#93a1b0;background:rgba(255,255,255,0.03);font-weight:600}.studio-tab:hover{color:#fff;background:rgba(255,255,255,0.08)}.studio-tab.is-active{color:#04120f;background:linear-gradient(135deg,#6ee7d3,#2ab8a2);border-color:transparent;box-shadow:0 10px 26px rgba(42,184,162,0.28)}.composer-studio{padding:16px 16px 12px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.11);background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.018));box-shadow:0 20px 50px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.05)}.composer-studio:focus-within{border-color:rgba(57,219,194,0.55);box-shadow:0 0 0 4px rgba(57,219,194,0.1),0 20px 50px rgba(0,0,0,0.45)}.composer-studio textarea{min-height:58px;max-height:200px;font-size:15.5px;line-height:1.7}.composer-studio textarea::placeholder{color:#6f7d8b}.composer-bar{margin-top:10px;padding-top:11px;border-top-color:rgba(255,255,255,0.07)}.composer-chip,.composer-studio .composer-select-btn{padding:8px 14px;border-color:rgba(255,255,255,0.1);color:#a7b3c0;background:rgba(255,255,255,0.04);font-weight:500}.composer-chip:hover,.composer-studio .composer-select-btn:hover{color:#fff;background:rgba(255,255,255,0.09)}.composer-studio .composer-send{width:auto;height:42px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;background:linear-gradient(135deg,#2fd6bd,#16a58c);color:#05201b;font-size:14.5px;font-weight:700;box-shadow:0 12px 28px rgba(42,184,162,0.32)}.composer-studio .composer-send:hover{filter:brightness(1.07);transform:translateY(-1px)}.composer-studio .composer-send .icon{font-size:15px}.studio-ideas{margin-top:26px}.studio-ideas-label{color:#7d8b99;font-size:13px;letter-spacing:0.02em}.studio-idea{padding:10px 18px;border-color:rgba(255,255,255,0.1);border-radius:999px;background:rgba(255,255,255,0.035);color:#a7b3c0;font-weight:500}.studio-idea:hover{color:#fff;background:rgba(57,219,194,0.12);border-color:rgba(57,219,194,0.3)}.hero .hero-media{max-width:520px;margin:34px auto 0}.hero .video-frame{aspect-ratio:auto;height:116px;display:grid;place-items:center;background:radial-gradient(46% 90% at 26% 40%,rgba(57,219,194,0.2),transparent 68%),linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.015))}.hero .video-frame img{display:none}.hero .video-play span{width:46px;height:46px;box-shadow:0 10px 26px rgba(42,184,162,0.35)}.hero+.section{padding-top:52px}html[data-theme='light'] .hero::before{opacity:0.5}html[data-theme='light'] .studio-title{background:linear-gradient(180deg,#0e2b25 22%,#10806b 100%);-webkit-background-clip:text;background-clip:text}html[data-theme='light'] .studio-lead{color:#55636f}html[data-theme='light'] .studio-tab{border-color:rgba(15,23,42,0.1);background:rgba(15,23,42,0.035);color:#5b6a77}html[data-theme='light'] .studio-tab.is-active{color:#fff;background:linear-gradient(135deg,#23b79c,#12836d)}html[data-theme='light'] .composer-studio{border-color:rgba(15,23,42,0.1);background:#ffffff;box-shadow:0 18px 44px rgba(15,23,42,0.1)}html[data-theme='light'] .composer-studio textarea{color:#16232c}html[data-theme='light'] .composer-studio textarea::placeholder{color:#8b98a4}html[data-theme='light'] .composer-bar{border-top-color:rgba(15,23,42,0.08)}html[data-theme='light'] .composer-chip,html[data-theme='light'] .composer-studio .composer-select-btn{border-color:rgba(15,23,42,0.1);background:rgba(15,23,42,0.035);color:#55636f}html[data-theme='light'] .studio-idea{border-color:rgba(15,23,42,0.1);background:rgba(15,23,42,0.03);color:#55636f}html[data-theme='light'] .studio-ideas-label{color:#7b8894}html[data-theme='light'] .hero .video-frame{background:radial-gradient(46% 90% at 26% 40%,rgba(35,183,156,0.16),transparent 68%),linear-gradient(135deg,rgba(15,23,42,0.05),rgba(15,23,42,0.015))}.studio-lead{max-width:660px;font-size:16px;line-height:1.8}.studio-title{font-size:clamp(34px,5.6vw,54px)}.hero::before{height:700px;background:radial-gradient(50% 64% at 50% 0%,rgba(57,219,194,0.22),transparent 70%),radial-gradient(36% 50% at 14% 16%,rgba(33,181,159,0.16),transparent 72%),radial-gradient(34% 48% at 88% 10%,rgba(16,185,129,0.14),transparent 72%)}.hero .video-frame{height:104px}.composer-studio{max-width:880px;margin-left:auto;margin-right:auto}@media (max-width:640px){.studio-lead{font-size:15px}}.composer-studio textarea{min-height:46px;padding:4px 2px 2px}.composer-studio{padding:18px 18px 14px}.studio-ideas{margin-top:22px}.studio-idea{padding:10px 16px;font-size:13.5px}@media (max-width:640px){.hero{padding:30px 0 6px}.studio-title{font-size:30px;margin-top:14px}.studio-lead{font-size:14.5px;line-height:1.75}.studio-tabs{margin:22px auto 14px;gap:8px}.studio-tab{padding:8px 14px;font-size:13px}.composer-studio{padding:14px 14px 12px}.composer-studio textarea{font-size:15px;min-height:44px}.composer-chip,.composer-studio .composer-select-btn{padding:7px 12px;font-size:12.5px}.studio-ideas{margin-top:18px}.studio-idea{padding:8px 13px;font-size:12.5px}.hero .hero-media{margin-top:26px}.hero+.section{padding-top:40px}}.hero,.studio,.composer-studio{max-width:100%}.glow-bar{position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,#2fd6bd,#5eead4,#38bdf8,#a78bfa,#fb7185,#fbbf24,#2fd6bd);opacity:0.9}.studio-switch{display:inline-flex;gap:4px;margin:22px auto 20px;padding:4px;border:1px solid rgba(255,255,255,0.08);border-radius:999px;background:rgba(255,255,255,0.055)}.studio-switch-btn{min-width:116px;padding:9px 24px;border:0;border-radius:999px;color:#93a1b0;background:transparent;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:color 180ms ease,background 180ms ease,box-shadow 180ms ease}.studio-switch-btn:hover{color:#e2e8f0}.studio-switch-btn.is-active{color:#0b1220;background:#ffffff;box-shadow:0 6px 18px rgba(0,0,0,0.28)}.composer-body{display:flex;gap:12px;align-items:flex-start}.composer-upload{width:54px;height:54px;flex:none;display:grid;place-items:center;border:1px dashed rgba(255,255,255,0.18);border-radius:14px;color:#7d8b99;background:rgba(255,255,255,0.03);font-size:20px;cursor:pointer;transition:color 160ms ease,border-color 160ms ease,background 160ms ease}.composer-upload:hover{color:#fff;border-color:rgba(57,219,194,0.5);background:rgba(57,219,194,0.08)}.studio-hint{margin:14px 0 0;color:#6f7d8b;font-size:13px;line-height:1.6}.studio-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.studio-skill{padding:9px 16px;border:1px solid rgba(255,255,255,0.1);border-radius:999px;color:#a7b3c0;background:rgba(255,255,255,0.035);font-size:13px;text-decoration:none;transition:color 160ms ease,background 160ms ease,border-color 160ms ease}.studio-skill:hover{color:#fff;background:rgba(57,219,194,0.12);border-color:rgba(57,219,194,0.32)}.studio-skill--more{border-color:transparent;background:transparent;color:#2fd6bd;font-weight:600}.recent-section{padding:10px 0 64px}.recent-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.recent-head h2{margin:0;color:var(--text-strong);font-size:20px;font-weight:700}.recent-more{display:inline-flex;align-items:center;gap:6px;color:#93a1b0;font-size:13px;text-decoration:none}.recent-more:hover{color:#2fd6bd}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.recent-card{display:block;overflow:hidden;border:1px solid rgba(255,255,255,0.09);border-radius:16px;background:rgba(255,255,255,0.03);text-decoration:none;transition:transform 180ms ease,border-color 180ms ease}.recent-card:hover{transform:translateY(-2px);border-color:rgba(57,219,194,0.35)}.recent-cover{display:grid;place-items:center;height:104px;color:#2fd6bd;font-size:26px;background:radial-gradient(60% 80% at 30% 30%,rgba(57,219,194,0.18),transparent 70%),linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01))}.recent-meta{display:block;padding:12px 14px 14px}.recent-meta b{display:block;overflow:hidden;color:var(--text-strong);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.recent-meta small{display:block;margin-top:5px;color:#7d8b99;font-size:12px}html[data-theme='light'] .studio-switch{border-color:rgba(15,23,42,0.08);background:rgba(15,23,42,0.045)}html[data-theme='light'] .studio-switch-btn{color:#5b6a77}html[data-theme='light'] .studio-switch-btn:hover{color:#16232c}html[data-theme='light'] .studio-switch-btn.is-active{color:#fff;background:#0f2b25}html[data-theme='light'] .composer-upload{border-color:rgba(15,23,42,0.16);background:rgba(15,23,42,0.03);color:#7b8894}html[data-theme='light'] .studio-hint{color:#7b8894}html[data-theme='light'] .studio-skill{border-color:rgba(15,23,42,0.1);background:rgba(15,23,42,0.03);color:#55636f}html[data-theme='light'] .studio-skill--more{color:#10907a}html[data-theme='light'] .recent-card{border-color:rgba(15,23,42,0.1);background:#fff}html[data-theme='light'] .recent-more{color:#5b6a77}html[data-theme='light'] .recent-meta small{color:#7b8894}html[data-theme='light'] .recent-cover{color:#10907a;background:radial-gradient(60% 80% at 30% 30%,rgba(16,144,122,0.14),transparent 70%),linear-gradient(135deg,rgba(15,23,42,0.05),rgba(15,23,42,0.01))}@media (max-width:640px){.studio-switch{margin:18px auto 16px}.studio-switch-btn{min-width:96px;padding:8px 18px;font-size:13px}.composer-upload{width:46px;height:46px;border-radius:12px;font-size:18px}.studio-skill{padding:8px 13px;font-size:12.5px}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.recent-cover{height:84px}}.section{position:relative;padding:58px 0}.section>.container{position:relative;z-index:1}#canvas::before,#workflows::before,#showcase::before{content:"";position:absolute;left:0;right:0;top:0;height:520px;pointer-events:none}#canvas::before{background:radial-gradient(58% 54% at 50% 0%,rgba(57,219,194,0.075),transparent 72%)}#workflows::before{background:radial-gradient(58% 54% at 50% 0%,rgba(56,189,248,0.065),transparent 72%)}#showcase::before{background:radial-gradient(58% 54% at 50% 0%,rgba(167,139,250,0.065),transparent 72%)}.section-head{margin-bottom:34px}.section-head h2{font-size:30px;letter-spacing:-0.01em}.flow-card{border-color:rgba(255,255,255,0.1);background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.flow-card:hover{transform:translateY(-3px);border-color:rgba(57,219,194,0.35);box-shadow:0 18px 44px rgba(0,0,0,0.4)}.nav .btn-primary{border:1px solid rgba(57,219,194,0.34);background:rgba(57,219,194,0.14);color:#6ee7d3;box-shadow:none}.nav .btn-primary:hover{background:rgba(57,219,194,0.22);color:#ffffff}.cta{padding:24px 0 84px}.cta-inner{padding:54px 32px;border:1px solid rgba(57,219,194,0.2);border-radius:var(--radius-xl);background:radial-gradient(70% 130% at 50% 0%,rgba(57,219,194,0.16),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));box-shadow:0 24px 60px rgba(0,0,0,0.35)}.work-card{border-color:rgba(255,255,255,0.1);transition:transform 180ms ease,border-color 180ms ease}.work-card:hover{transform:translateY(-3px);border-color:rgba(167,139,250,0.35)}html[data-theme='light'] .nav .btn-primary{border-color:rgba(16,144,122,0.3);background:rgba(16,144,122,0.1);color:#0f7a66}html[data-theme='light'] .flow-card,html[data-theme='light'] .work-card{border-color:rgba(15,23,42,0.1);background:#ffffff}html[data-theme='light'] .cta-inner{border-color:rgba(16,144,122,0.2);background:radial-gradient(70% 130% at 50% 0%,rgba(16,144,122,0.12),transparent 70%),#ffffff;box-shadow:0 20px 50px rgba(15,23,42,0.1)}@media (max-width:640px){.section{padding:42px 0}.section-head{margin-bottom:26px}.section-head h2{font-size:24px}.cta{padding:16px 0 60px}.cta-inner{padding:38px 22px}}.studio-switch-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.composer-menu{min-width:228px;padding:8px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.1);background:#16161f;box-shadow:0 22px 56px rgba(0,0,0,0.55)}.composer-menu-title{margin:2px 0 6px;padding:0 10px;color:#6f7d8b;font-size:12px;font-weight:500;letter-spacing:0.02em}.composer-menu button{height:40px;padding:0 10px;display:flex;align-items:center;gap:10px;border-radius:10px;color:var(--text);font-size:13.5px;text-align:left;transition:background 150ms ease,color 150ms ease}.composer-menu button+button{margin-top:2px}.composer-menu button:hover{color:#ffffff;background:rgba(255,255,255,0.07)}.composer-menu button .icon{flex:none;color:#7d8b99;font-size:15px;transition:color 150ms ease}.composer-menu button:hover .icon{color:var(--primary-soft)}.composer-menu-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-menu-check{opacity:0;color:var(--primary-soft)!important;transition:opacity 140ms ease}.composer-menu button[aria-selected='true']{color:#ffffff}.composer-menu button[aria-selected='true'] .composer-menu-check{opacity:1}.composer-menu button[aria-selected='true'] .icon{color:var(--primary-soft)}html[data-theme='light'] .composer-menu{border-color:rgba(15,23,42,0.12);background:#ffffff;box-shadow:0 18px 44px rgba(15,23,42,0.16)}html[data-theme='light'] .composer-menu-title{color:#7b8894}html[data-theme='light'] .composer-menu button{color:#16232c}html[data-theme='light'] .composer-menu button:hover{background:rgba(15,23,42,0.05)}html[data-theme='light'] .composer-menu button .icon{color:#8b98a4}html[data-theme='light'] .composer-menu button:hover .icon{color:#10907a}html[data-theme='light'] .composer-menu-check{color:#10907a!important}html[data-theme='light'] .composer-menu button[aria-selected='true'] .icon{color:#10907a}html[data-theme='light'] .composer-menu button[aria-selected='true'],html[data-theme='light'] .composer-menu button[aria-selected='true'] .composer-menu-text{color:#0f172a}html[data-theme='light'] .composer-menu button[aria-selected='true']:hover{color:#0f172a}.composer-studio .composer-menu{left:0;right:auto}.composer-studio .composer-select-btn{height:40px;padding:0 14px;gap:7px;border-radius:999px;border:1px solid rgba(255,255,255,0.13);background:rgba(255,255,255,0.065);color:#e2e8f0;font-weight:500}.composer-studio .composer-select-btn:hover{border-color:rgba(57,219,194,0.4);background:rgba(57,219,194,0.12);color:#ffffff}.composer-select-btn .composer-select-icon{flex:none;color:#2fd6bd;font-size:14px}.composer-select-btn .composer-chevron{flex:none;color:#8b98a4;font-size:13px}.composer-select.is-open .composer-select-btn{border-color:rgba(57,219,194,0.5);background:rgba(57,219,194,0.14)}html[data-theme='light'] .composer-studio .composer-select-btn{border-color:rgba(15,23,42,0.12);background:#ffffff;color:#16232c}html[data-theme='light'] .composer-select-btn .composer-select-icon{color:#10907a}html[data-theme='light'] .composer-select-btn .composer-chevron{color:#8b98a4}.studio-switch{margin:22px auto 22px;padding:3px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.05)}.studio-switch-btn{min-width:128px;padding:9px 26px;font-size:14px;font-weight:500}.studio-switch-btn.is-active{color:#0b1220;background:#ffffff;box-shadow:0 4px 14px rgba(0,0,0,0.3)}.composer-studio{max-width:980px;padding:22px 24px 16px;border-radius:22px;border:1px solid rgba(255,255,255,0.1);background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.018))}.composer-body{display:flex;gap:16px;align-items:flex-start}.composer-uploads{display:flex;gap:10px;flex:none}.composer-upload{width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,0.14);border-radius:12px;color:#8b98a4;background:rgba(255,255,255,0.045);font-size:19px;cursor:pointer;transition:color 160ms ease,border-color 160ms ease,background 160ms ease}.composer-upload:hover{color:#ffffff;border-color:rgba(57,219,194,0.45);background:rgba(57,219,194,0.08)}.composer-upload-tag{color:#7d8b99;font-size:10px;line-height:1.15;text-align:center}.composer-studio textarea{flex:1;min-height:58px;max-height:180px;padding:6px 0 0;font-size:14.5px;line-height:1.7}.composer-bar{margin-top:18px;padding-top:0;border-top:0}.composer-bar-left{gap:2px;flex:1;min-width:0}.composer-studio .composer-select-btn{height:34px;padding:0 9px;gap:6px;border:0;border-radius:8px;background:transparent;color:#2fd6bd;font-size:13.5px;font-weight:500}.composer-studio .composer-select-btn:hover{color:#6ee7d3;background:rgba(255,255,255,0.07)}.composer-studio .composer-select-btn .composer-select-icon{color:#2fd6bd}.composer-studio .composer-select-btn .composer-chevron{color:#7d8b99;font-size:12px}.type-params{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-width:0}.type-param{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 9px;border:0;border-radius:8px;color:#93a1b0;background:transparent;font-family:inherit;font-size:13.5px;white-space:nowrap;cursor:pointer;transition:color 150ms ease,background 150ms ease}.type-param:hover{color:#ffffff;background:rgba(255,255,255,0.07)}.type-param .icon{flex:none;font-size:14px}.type-param .caret{font-size:11px;color:#7d8b99}.type-param.is-accent{color:#e2e8f0}.type-param.is-accent .icon{color:#2fd6bd}.composer-bar-right{display:flex;align-items:center;gap:14px;flex:none}.composer-cost{color:#8b98a4;font-size:12.5px;white-space:nowrap}.composer-studio .composer-send{width:40px;height:40px;padding:0;border-radius:50%;display:inline-grid;place-items:center;background:rgba(255,255,255,0.12);color:#cbd5e1;box-shadow:none;transition:background 180ms ease,color 180ms ease,transform 180ms ease}.composer-studio .composer-send:hover{transform:translateY(-1px)}.composer-studio .composer-send.is-ready{color:#05201b;background:linear-gradient(135deg,#2fd6bd,#16a58c);box-shadow:0 8px 22px rgba(42,184,162,0.32)}html[data-theme='light'] .studio-switch-btn.is-active{color:#fff;background:#0f2b25}html[data-theme='light'] .composer-upload{border-color:rgba(15,23,42,0.14);background:rgba(15,23,42,0.03);color:#7b8894}html[data-theme='light'] .composer-upload-tag{color:#8b98a4}html[data-theme='light'] .composer-studio .composer-select-btn{color:#10907a}html[data-theme='light'] .composer-studio .composer-select-btn .composer-select-icon{color:#10907a}html[data-theme='light'] .type-param{color:#5b6a77}html[data-theme='light'] .type-param.is-accent{color:#16232c}html[data-theme='light'] .type-param.is-accent .icon{color:#10907a}html[data-theme='light'] .composer-cost{color:#7b8894}html[data-theme='light'] .composer-studio .composer-send{background:rgba(15,23,42,0.1);color:#55636f}html[data-theme='light'] .composer-studio .composer-send.is-ready{color:#fff;background:linear-gradient(135deg,#23b79c,#12836d)}@media (max-width:720px){.composer-studio{padding:16px 16px 12px;border-radius:18px}.composer-upload{width:50px;height:50px;font-size:17px}.composer-studio textarea{min-height:50px;font-size:14px}.composer-bar{margin-top:12px}.type-param,.composer-studio .composer-select-btn{height:30px;font-size:12.5px;padding:0 7px}.composer-cost{display:none}}.composer-upload[hidden]{display:none!important}#uploadMainTag[hidden]{display:none!important}.composer-studio .composer-select-btn:focus,.composer-studio .composer-select-btn:focus-visible,.type-param:focus,.type-param:focus-visible,.composer-upload:focus,.composer-upload:focus-visible{outline:none}.type-param.composer-select-btn{height:34px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#93a1b0;font-size:13.5px;font-weight:400;gap:5px}.type-param.composer-select-btn:hover{color:#ffffff;background:rgba(255,255,255,0.07)}.type-param.composer-select-btn .composer-select-icon{color:#2fd6bd}.type-param.composer-select-btn .caret{color:#7d8b99;font-size:11px}.type-param.composer-select-btn .icon{font-size:14px}.composer-select.is-open>.type-param.composer-select-btn{color:#ffffff;background:rgba(255,255,255,0.09)}.composer-select .composer-menu button[aria-selected='true']{color:#ffffff}.composer-select .composer-menu button[aria-selected='true'] .composer-menu-check{opacity:1}.composer-upload.has-file{padding:0;overflow:hidden;border-style:solid;border-color:rgba(57,219,194,0.45)}.composer-upload-thumb{display:block;width:100%;height:100%;object-fit:cover;border-radius:11px}html[data-theme='light'] .type-param.composer-select-btn{color:#5b6a77}html[data-theme='light'] .type-param.composer-select-btn .composer-select-icon{color:#10907a}html[data-theme='light'] .composer-select.is-open>.type-param.composer-select-btn{color:#16232c}.composer-main{flex:1;min-width:0}.composer-dh{display:flex;flex-direction:column;gap:16px;padding:4px 0 2px}.dh-row{display:flex;align-items:baseline;gap:10px;min-width:0}.dh-label{flex:none;color:#e2e8f0;font-size:13.5px;white-space:nowrap}.dh-optional{flex:none;color:#7d8b99;font-size:12.5px}.dh-row input{flex:1;min-width:0;padding:0;border:0;outline:none;color:#e2e8f0;background:transparent;font-family:inherit;font-size:13.5px}.dh-row input::placeholder{color:#6f7d8b}html[data-theme='light'] .dh-label{color:#16232c}html[data-theme='light'] .dh-optional{color:#8b98a4}html[data-theme='light'] .dh-row input{color:#16232c}html[data-theme='light'] .dh-row input::placeholder{color:#8b98a4}@media (max-width:720px){.composer-dh{gap:12px}.dh-row{flex-wrap:wrap;gap:6px}.dh-row input{flex:1 1 100%}}[hidden]{display:none!important}.studio-canvas-panel{max-width:980px;margin:0 auto}.scp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.scp-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:132px;padding:18px 14px;border:1px solid rgba(255,255,255,0.1);border-radius:18px;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));text-decoration:none;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.scp-card:hover{transform:translateY(-3px);border-color:rgba(57,219,194,0.4)}.scp-card b{color:var(--text-strong);font-size:13.5px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.scp-new{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,0.18);border-radius:12px;color:#2fd6bd;font-size:22px;line-height:1}.scp-card--new:hover .scp-new{border-color:rgba(57,219,194,0.5);background:rgba(57,219,194,0.1)}.scp-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#2fd6bd;background:rgba(57,219,194,0.1);font-size:18px}.scp-card--tpl{align-items:flex-start;justify-content:space-between;background:radial-gradient(90% 120% at 20% 0%,rgba(31,190,139,0.38),transparent 70%),linear-gradient(160deg,#0d6b4a,#12946a 55%,#1fbe8b);border-color:transparent}.scp-badge{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:6px;color:#dff7ee;background:rgba(255,255,255,0.2);font-size:11px}.scp-thumb{display:grid;place-items:center;width:100%;height:52px;margin-top:18px;border-radius:10px;color:#fff;background:rgba(255,255,255,0.16);font-size:20px}.scp-card--tpl b{color:#ffffff}html[data-theme='light'] .scp-card{border-color:rgba(15,23,42,0.1);background:#ffffff}html[data-theme='light'] .scp-card--tpl{border-color:transparent;background:radial-gradient(90% 120% at 20% 0%,rgba(31,190,139,0.32),transparent 70%),linear-gradient(160deg,#0f7a52,#14a077 55%,#23c48b)}html[data-theme='light'] .scp-new{border-color:rgba(15,23,42,0.16);color:#10907a}@media (max-width:720px){.scp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.scp-card{min-height:112px;border-radius:14px;padding:14px 10px}}.canvas-panel,.flow-card,.work-card,.cta-inner{border-radius:20px;border:1px solid rgba(255,255,255,0.1);background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.018));box-shadow:0 18px 44px rgba(0,0,0,0.32)}.canvas-panel{padding:26px 24px}.flow-card{padding:22px 20px;border-radius:18px}.flow-card .flow-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#2fd6bd;background:rgba(57,219,194,0.12);font-size:18px}.flow-card h3{margin-top:14px;font-size:16px;font-weight:650}.flow-card p{color:#93a1b0;font-size:13.5px;line-height:1.75}.work-card{border-radius:18px;overflow:hidden}.cta-inner{padding:56px 32px;background:radial-gradient(70% 130% at 50% 0%,rgba(57,219,194,0.16),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015))}.flow-card:hover,.work-card:hover{transform:translateY(-3px);border-color:rgba(57,219,194,0.38);box-shadow:0 22px 52px rgba(0,0,0,0.42)}.section-head h2{font-size:30px;font-weight:700;letter-spacing:-0.01em}.section-head p{color:#93a1b0}.studio-skills{margin-top:22px}html[data-theme='light'] .canvas-panel,html[data-theme='light'] .flow-card,html[data-theme='light'] .work-card{border-color:rgba(15,23,42,0.1);background:#ffffff;box-shadow:0 16px 40px rgba(15,23,42,0.08)}html[data-theme='light'] .flow-card .flow-icon{color:#10907a;background:rgba(16,144,122,0.1)}html[data-theme='light'] .flow-card p,html[data-theme='light'] .section-head p{color:#55636f}html[data-theme='light'] .cta-inner{background:radial-gradient(70% 130% at 50% 0%,rgba(16,144,122,0.12),transparent 70%),#ffffff;box-shadow:0 20px 50px rgba(15,23,42,0.1)}@media (max-width:720px){.canvas-panel{padding:18px 14px}.flow-card{padding:18px 16px}.cta-inner{padding:40px 22px}.section-head h2{font-size:24px}}.scp-thumb--real{padding:0;overflow:hidden;background:#101019}.scp-thumb--real .scp-svg{display:block;width:100%;height:100%}.scp-card--real .scp-thumb{height:88px}.scp-thumb--real{height:88px}.work-card{position:relative}.work-card .work-thumb{position:relative;overflow:hidden;background:#0d0d14}.work-card .work-thumb img{transition:transform 480ms cubic-bezier(0.2,0.78,0.26,1)}.work-card:hover .work-thumb img{transform:scale(1.06)}.work-card .work-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.5));pointer-events:none}.work-card .work-thumb .play{z-index:1}.scp-thumb--real{overflow:hidden}.scp-thumb--real .scp-svg{transition:transform 440ms cubic-bezier(0.2,0.78,0.26,1)}.scp-card:hover .scp-thumb--real .scp-svg{transform:scale(1.07)}.scp-card--tpl{transition:transform 180ms ease,box-shadow 180ms ease,filter 180ms ease}.scp-card--tpl:hover{filter:brightness(1.1);box-shadow:0 20px 50px rgba(79,70,229,0.32)}.composer-upload{transition:color 160ms ease,border-color 160ms ease,background 160ms ease,transform 160ms ease}.composer-upload:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.work-card:hover .work-thumb img,.scp-card:hover .scp-thumb--real .scp-svg,.composer-upload:hover{transform:none}}.gen-result-card{max-width:560px;text-align:center}.gen-result-card img{display:block;width:100%;margin:16px 0 20px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);background:#0d0d14}.composer-studio .composer-send.is-loading{opacity:0.65;pointer-events:none}.composer-studio .composer-send.is-loading .icon{animation:spin 900ms linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}html[data-theme='light'] .gen-result-card img{border-color:rgba(15,23,42,0.1);background:#f6f8fa}.recent-cover--real{padding:0;overflow:hidden;background:#101019}.recent-cover--real .scp-svg{display:block;width:100%;height:100%}.work-rail{position:relative}.work-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 16px;margin:0 -4px;-webkit-overflow-scrolling:touch}.work-track::-webkit-scrollbar{height:6px}.work-track::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px}.work-track::-webkit-scrollbar-thumb{background:rgba(57,219,194,0.35);border-radius:3px}.work-track::-webkit-scrollbar-thumb:hover{background:rgba(57,219,194,0.55)}.work-track .work-card{flex:0 0 340px;width:auto;scroll-snap-align:start;background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02))}.work-card .work-thumb img{filter:brightness(1.18) saturate(1.12)}.rail-btn{position:absolute;top:50%;z-index:5;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.16);border-radius:50%;color:#e2e8f0;background:rgba(14,14,21,0.86);cursor:pointer;transition:background 160ms ease,border-color 160ms ease,transform 160ms ease}.rail-btn:hover{background:rgba(57,219,194,0.22);border-color:rgba(57,219,194,0.5)}.rail-btn .icon{font-size:18px}.rail-prev{left:-12px;transform:translateY(-50%) rotate(180deg)}.rail-next{right:-12px;transform:translateY(-50%)}.rail-prev:hover{transform:translateY(-50%) rotate(180deg) scale(1.06)}.rail-next:hover{transform:translateY(-50%) scale(1.06)}.flow-more{margin-top:26px;text-align:center}.flow-more .link-go{font-size:14px}html[data-theme='light'] .rail-btn{border-color:rgba(15,23,42,0.12);color:#16232c;background:rgba(255,255,255,0.94)}html[data-theme='light'] .work-track .work-card{background:#ffffff}@media (max-width:720px){.work-track .work-card{flex:0 0 78%}.rail-btn{display:none}.work-track{gap:12px}}.footer{border-top:1px solid var(--border-soft);padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:34px}.footer-brand strong{display:block;color:var(--text-strong);font-size:15px;font-weight:700}.footer-brand p{margin:10px 0 0;max-width:26em;color:var(--dim);font-size:12.5px;line-height:1.75}.footer-col{display:flex;flex-direction:column;gap:10px;min-width:0}.footer-col h4{margin:0 0 2px;color:var(--text-strong);font-size:13px;font-weight:600}.footer-col a{color:var(--dim);font-size:12.5px;text-decoration:none;transition:color 160ms ease;word-break:break-all}.footer-col a:hover{color:#2fd6bd}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:34px;padding-top:20px;border-top:1px solid var(--border-soft);color:var(--dim);font-size:12px}.footer-icp{color:var(--dim);text-decoration:none;transition:color 160ms ease}.footer-icp:hover{color:#2fd6bd}.cnode{transition:opacity 200ms ease,transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease}.canvas-nodes:hover .cnode{opacity:0.42}.canvas-nodes .cnode:hover{animation:none;opacity:1;transform:translateY(-6px) scale(1.06);border-color:rgba(57,219,194,0.55);box-shadow:0 20px 48px rgba(0,0,0,0.55),0 0 0 1px rgba(57,219,194,0.28);z-index:8}html[data-theme='light'] .footer-brand strong,html[data-theme='light'] .footer-col h4{color:#16232c}html[data-theme='light'] .footer-brand p,html[data-theme='light'] .footer-col a,html[data-theme='light'] .footer-bottom,html[data-theme='light'] .footer-icp{color:#7b8894}html[data-theme='light'] .footer-col a:hover,html[data-theme='light'] .footer-icp:hover{color:#10907a}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1 / -1}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}.ref-row{display:flex;align-items:center;gap:4px}.ref-row>button[data-ref]{flex:1}.ref-del{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#8b98a4;font-size:15px;line-height:1;transition:background 140ms ease,color 140ms ease}.ref-del:hover{background:rgba(229,72,77,0.16);color:#e5484d}.composer-menu-hint{margin:4px 0 2px;padding:0 10px;color:#6f7d8b;font-size:12.5px}html[data-theme='light'] .composer-menu-hint{color:#7b8894}.composer-upload{position:relative}.composer-upload-del{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,0.18);background:#1b1b24;color:#cfd6dd;font-size:13px;line-height:1;cursor:pointer;z-index:3}.composer-upload-del:hover{background:#e5484d;color:#fff;border-color:transparent}html[data-theme='light'] .composer-upload-del{background:#ffffff;border-color:rgba(15,23,42,0.16);color:#5b6672}html[data-theme='light'] .composer-upload-del:hover{background:#e5484d;color:#fff;border-color:transparent}.material-strip{display:flex;flex-wrap:wrap;gap:10px;padding:0 46px 12px}.material-strip:empty{display:none}.material-card{position:relative;width:78px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);animation:materialIn 260ms cubic-bezier(0.22,1,0.36,1)}.material-card.is-out{animation:materialOut 180ms ease forwards}@keyframes materialIn{from{opacity:0;transform:translateY(6px) scale(0.92)}to{opacity:1;transform:none}}@keyframes materialOut{to{opacity:0;transform:scale(0.85)}}.material-thumb{width:62px;height:62px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.06);color:#8b98a4;font-size:12px}.material-thumb img{width:100%;height:100%;object-fit:cover}.material-name{font-size:11px;color:#9aa7b4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-del{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,0.18);background:#1b1b24;color:#cfd6dd;font-size:13px;line-height:1;cursor:pointer;z-index:3;transition:background 140ms ease,color 140ms ease}.material-del:hover{background:#e5484d;color:#fff;border-color:transparent}html[data-theme='light'] .material-card{border-color:rgba(15,23,42,0.1);background:rgba(15,23,42,0.03)}html[data-theme='light'] .material-thumb{background:rgba(15,23,42,0.06)}html[data-theme='light'] .material-name{color:#6b7a86}html[data-theme='light'] .material-del{background:#fff;border-color:rgba(15,23,42,0.16);color:#5b6672}html[data-theme='light'] .material-del:hover{background:#e5484d;color:#fff}.material-strip{position:relative;display:flex;align-items:flex-end;gap:10px;padding:10px 46px 14px}.material-strip:empty{display:none}.material-card{position:relative;flex:none;width:52px;height:92px;margin:0;transform:none;animation:materialIn 260ms cubic-bezier(0.22,1,0.36,1);z-index:1}.material-card:hover{transform:translateY(-4px)}.material-card.is-out{animation:materialOut 180ms ease forwards}@keyframes materialIn{from{opacity:0;transform:translateY(8px) scale(0.92)}to{opacity:1;transform:none}}@keyframes materialOut{to{opacity:0;transform:scale(0.85)}}.material-thumb{width:52px;height:92px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,0.06);box-shadow:0 4px 12px rgba(0,0,0,0.35);display:flex;align-items:center;justify-content:center;color:#8b98a4;font-size:11px}.material-thumb img{width:100%;height:100%;object-fit:cover;display:block}.material-name{display:none}.material-del{position:absolute;top:3px;right:3px;z-index:30;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,0.24);background:rgba(20,20,28,0.86);color:#dfe6ec;font-size:11px;line-height:1;cursor:pointer;transition:background 140ms ease,color 140ms ease}.material-del:hover{background:#e5484d;color:#fff;border-color:transparent}.material-add{flex:none;width:52px;height:92px;border-radius:8px;border:1px dashed rgba(255,255,255,0.2);background:rgba(255,255,255,0.03);color:#8b98a4;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 150ms ease,color 150ms ease,background 150ms ease}.material-add:hover{border-color:var(--primary-soft);color:var(--primary-soft);background:rgba(255,255,255,0.06)}html[data-theme='light'] .material-thumb{background:rgba(15,23,42,0.05);box-shadow:0 3px 10px rgba(15,23,42,0.14)}html[data-theme='light'] .material-del{background:rgba(255,255,255,0.95);border-color:rgba(15,23,42,0.16);color:#5b6672}html[data-theme='light'] .material-del:hover{background:#e5484d;color:#fff}html[data-theme='light'] .material-add{border-color:rgba(15,23,42,0.18);background:rgba(15,23,42,0.02);color:#6b7a86}.material-kind{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;padding:4px;text-align:center;font-size:10.5px;line-height:1.25;color:#9aa7b4}.material-kind .material-ico{display:block;font-size:15px;font-weight:400;color:var(--primary-soft)}.material-kind em{display:block;font-style:normal;font-size:9px;color:#7c8894;word-break:break-all;max-height:30px;overflow:hidden}html[data-theme='light'] .material-kind{color:#6b7a86}html[data-theme='light'] .material-kind em{color:#8b98a4}.material-thumb{position:relative}.material-spin{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,0.22);border-top-color:var(--primary-soft);animation:matSpin 0.8s linear infinite}@keyframes matSpin{to{transform:rotate(360deg)}}html[data-theme='light'] .material-spin{border-color:rgba(15,23,42,0.15);border-top-color:var(--primary)}.material-thumb video{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.material-thumb video{pointer-events:none}.material-thumb video::-webkit-media-controls,.material-thumb video::-webkit-media-controls-enclosure,.material-thumb video::-webkit-media-controls-panel,.material-thumb video::-webkit-media-controls-overlay-play-button,.material-thumb video::-webkit-media-controls-play-button,.material-thumb video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important}