:root{--accent:#a21caf;--accent-2:#7c3aed;--accent-grad:linear-gradient(135deg, #c026d3 0%, #9333ea 55%, #7c3aed 100%);--bg:#f8f6fb;--surface:#fff;--text:#16121b;--muted:#5a5064;--radius:10px;--radius-lg:14px;--border:color-mix(in srgb, var(--text) 9%, transparent);--border-strong:color-mix(in srgb, var(--text) 14%, transparent);--shadow-sm:0 1px 2px #16121b0d, 0 1px 1px #16121b08;--shadow-md:0 10px 30px -12px #28143c2e, 0 2px 6px #16121b0d;--shadow-lg:0 30px 70px -24px #3c145a4d, 0 10px 24px -14px #16121b24;--shadow:var(--shadow-md);--shadow-menu:var(--shadow-lg);--glow:0 10px 30px -8px #9333ea8c;--glass:color-mix(in srgb, var(--surface) 78%, transparent);--ease:cubic-bezier(.2, .8, .2, 1)}:root[data-theme=dark]{--accent:#e879f9;--accent-2:#a78bfa;--accent-text:#1c0726;--accent-grad:linear-gradient(135deg, #e879f9 0%, #c084fc 55%, #a78bfa 100%);--bg:#0c0a10;--surface:#16131c;--text:#f6f2fa;--muted:#b8adc2;--border:color-mix(in srgb, var(--text) 11%, transparent);--border-strong:color-mix(in srgb, var(--text) 18%, transparent);--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 32px -12px #0009, 0 2px 6px #0000004d;--shadow-lg:0 30px 70px -20px #000000bf, 0 10px 24px -14px #00000080;--glow:0 10px 30px -8px #c084fc73}@property --theme-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes theme-rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes theme-reveal{0%{opacity:0;filter:blur(6px);translate:0 28px}to{opacity:1;filter:blur();translate:0}}@keyframes theme-blur-in{0%{opacity:0;filter:blur(12px);translate:0 20px}to{opacity:1;filter:blur();translate:0}}@keyframes theme-shimmer{0%,20%{background-position:100%}80%,to{background-position:0%}}@keyframes theme-spin-angle{to{--theme-angle:360deg}}@keyframes theme-cta-glow{0%,to{box-shadow:inset 0 1px #ffffff38,0 10px 30px -8px #9333ea73}50%{box-shadow:inset 0 1px #ffffff38,0 14px 44px -6px #c026d3a6}}@keyframes theme-stage-flatten{0%{transform:perspective(1400px)rotateX(16deg)scale(.94)}to{transform:perspective(1400px)rotateX(0)scale(1)}}@keyframes theme-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes theme-gradient-pan{0%{background-position:0 0,0%}to{background-position:0 0,100%}}@keyframes theme-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes theme-nav-elevate{to{box-shadow:var(--shadow-md)}}@keyframes theme-slide-in{0%{opacity:0;translate:-8px}to{opacity:1;translate:0}}@keyframes theme-toast-in{0%{opacity:0;translate:0 14px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes theme-fade{0%{opacity:0}to{opacity:1}}@keyframes theme-tool-pop{0%{scale:.7}60%{scale:1.15}to{scale:1}}@keyframes theme-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes theme-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(3%,-4%)scale(1.06)}}:root ::selection{background:color-mix(in srgb, var(--accent) 24%, transparent)}:root button:focus-visible,:root input:focus-visible,:root select:focus-visible,:root textarea:focus-visible,:root .site a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root .btn{transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .15s ease, color .15s ease, filter .15s ease;font-weight:550}:root .btn.primary{background:var(--accent-grad);color:#fff;box-shadow:inset 0 1px 0 #ffffff38, var(--glow);border-color:#0000}:root[data-theme=dark] .btn.primary{color:var(--accent-text)}:root .btn.primary:hover:not(:disabled){background:var(--accent-grad);filter:brightness(1.06)saturate(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 14px 36px -8px #9333ea99}:root .btn.primary:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}:root .btn.primary{isolation:isolate;position:relative;overflow:hidden}:root .btn.primary:after{content:"";z-index:-1;transition:transform .75s var(--ease);pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff61 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}:root .btn.primary:hover:not(:disabled):after{transform:translate(120%)}:root .icon-btn,:root .tool-btn,:root .zoom-pct{transition:background .15s ease, color .15s ease, box-shadow .2s var(--ease), scale .12s var(--ease)}:root .icon-btn:active:not(:disabled),:root .tool-btn:active,:root .zoom-pct:active{scale:.92}:root .brand-mark{background:var(--accent-grad);box-shadow:var(--glow);transition:transform .3s var(--ease)}:root .brand:hover .brand-mark{transform:rotate(-8deg)scale(1.06)}:root .menu-pop,:root .menu-flyout{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px}:root .menu-pop{animation:theme-pop-in .16s var(--ease)}:root .menu-item{border-radius:9px}:root .menu-item:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}:root .modal-backdrop{-webkit-backdrop-filter:blur(6px);background:#0b071052}:root .modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:theme-pop-in .2s var(--ease);border-radius:20px}:root .modal h2{letter-spacing:-.025em;font-size:18px;font-weight:650}:root .app{background:radial-gradient(1200px 600px at 100% -10%, color-mix(in srgb, var(--accent-2) 7%, transparent), transparent 60%), var(--bg)}:root .topbar,:root .tool-options,:root .toolbar,:root .right-panel,:root .statusbar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}:root .tool-btn.active{background:var(--accent-grad);color:#fff;box-shadow:var(--glow)}:root .tool-btn.active svg{animation:theme-tool-pop .35s var(--ease)}:root[data-theme=dark] .tool-btn.active{color:var(--accent-text)}:root .tool-btn.active span{color:inherit;font-weight:600}:root .menu-trigger.open,:root .menu-trigger:hover{background:color-mix(in srgb, var(--accent) 9%, transparent)}:root .palette-btn{background:var(--bg);transition:border-color .15s ease, box-shadow .2s var(--ease)}:root .palette-btn:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent)}:root .zoom-pct{font-weight:600}:root .panel-body{scrollbar-color:color-mix(in srgb, var(--text) 18%, transparent) transparent}:root .history-step.current{background:color-mix(in srgb, var(--accent) 12%, transparent)}:root .shortcut-row kbd{background:var(--bg);box-shadow:var(--shadow-sm)}:root .modal.command-palette,:root .modal.shortcuts-modal{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4)}:root .command-palette .palette-input{background:0 0;font-size:17px}:root .palette-results{border-top:1px solid var(--border);padding-top:6px}:root .palette-item{transition:background .1s}:root .palette-item.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}:root .palette-item.active .palette-label{color:var(--accent)}:root .compare-badge{background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-md)}:root .empty{background:radial-gradient(600px 360px at 20% 10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), radial-gradient(700px 400px at 85% 90%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 70%), var(--surface)}:root .empty-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);animation:theme-rise .45s var(--ease) both;border-radius:24px}:root .empty-mark{background:var(--accent-grad);box-shadow:var(--glow)}:root .empty-card h1{letter-spacing:-.04em;font-size:30px}:root .library-start{border:1px solid var(--border);background:radial-gradient(600px 300px at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), radial-gradient(500px 260px at 0% 100%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 70%), var(--surface);box-shadow:var(--shadow-md);border-radius:24px}:root .library-start h1{letter-spacing:-.045em;font-size:clamp(32px,4vw,46px)}:root .canvas-card{transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .2s ease}:root .canvas-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}:root .site-nav{background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow-sm)}:root .site-hero{isolation:isolate;position:relative}:root .site-hero:before{content:"";z-index:-1;filter:blur(40px);pointer-events:none;background:radial-gradient(40% 50% at 30% 30%,#c026d342,#0000 70%),radial-gradient(40% 50% at 72% 40%,#7c3aed38,#0000 70%),radial-gradient(30% 40% at 50% 70%,#38bdf824,#0000 70%);height:620px;animation:18s ease-in-out infinite theme-drift;position:absolute;inset:-80px 0 auto}:root .site-hero:after{content:"";z-index:-1;background-image:linear-gradient(color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;height:560px;position:absolute;inset:-40px 0 auto;-webkit-mask-image:radial-gradient(60% 60% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(60% 60% at 50% 30%,#000,#0000 75%)}:root .site-kicker{background:linear-gradient(var(--surface), var(--surface)) padding-box, conic-gradient(from var(--theme-angle), var(--accent), var(--accent-2), #38bdf8, var(--accent)) border-box;box-shadow:var(--shadow-sm), var(--glow);animation:theme-blur-in .6s var(--ease) both, theme-spin-angle 4s linear infinite;border:1px solid #0000}:root .site-hero h1{letter-spacing:-.055em;background:linear-gradient(100deg, var(--text) 35%, var(--accent) 47%, var(--accent-2) 53%, var(--text) 65%);color:#0000;animation:theme-blur-in .9s var(--ease) 80ms both, theme-shimmer 7s ease-in-out 1.2s infinite;background-position:100%;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,7.6vw,88px);font-weight:650;line-height:.98}:root .site-lead{animation:theme-blur-in .8s var(--ease) .2s both}:root .site-hero-actions{animation:theme-blur-in .8s var(--ease) .3s both}:root .site .site-cta{padding:13px 26px;font-size:16px;animation:3.2s ease-in-out 1.4s infinite theme-cta-glow}:root .site-stage{border:1px solid var(--border);box-shadow:var(--shadow-lg), 0 40px 120px -40px #9333ea73;transform-origin:50% 0;animation:theme-blur-in 1s var(--ease) .4s both, theme-float 7s ease-in-out 1.6s infinite}@supports (animation-timeline:view()){:root .site-stage{animation:theme-blur-in 1s var(--ease) .4s both, theme-float 7s ease-in-out 1.6s infinite, theme-stage-flatten linear both;animation-timeline:auto,auto,view();animation-range:normal,normal,entry cover 40%}}:root .site-stage-frame img{transition:transform 1.2s var(--ease)}:root .site-stage:hover .site-stage-frame img{transform:scale(1.03)}:root .site-stage-bar{background:color-mix(in srgb, var(--surface) 80%, transparent);border-bottom:1px solid var(--border)}:root .site-intro h2,:root .site-steps h2,:root .site-tools h2,:root .site-quick h2,:root .site-caps h2,:root .site-uses h2,:root .site-compare h2,:root .site-offline h2,:root .site-faq h2{letter-spacing:-.045em;font-size:clamp(28px,4vw,42px);font-weight:650}:root .site-quick-grid li,:root .site-use-grid li,:root .guide-list li{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}:is(:root .site-quick-grid li:has(>a),:root .guide-list li){transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .2s ease}:is(:root .site-quick-grid li:has(>a):hover,:root .site-quick-grid li:has(>a):focus-within,:root .guide-list li:hover){background:var(--surface);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:var(--shadow-md), 0 0 0 4px color-mix(in srgb, var(--accent) 7%, transparent);transform:translateY(-4px)}:root .site-quick-grid li:has(>a) .site-card-media img{transition:transform .6s var(--ease)}:root .site-quick-grid li:has(>a) .site-card-media:before{content:"";z-index:1;transition:transform .9s var(--ease);pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}:root .site-quick-grid li:has(>a):hover .site-card-media:before{transform:translate(110%)}:root .site-quick-grid li:has(>a):focus-within .site-card-media:before{transform:translate(110%)}:root .site-cap{border:1px solid var(--border);box-shadow:var(--shadow-sm)}:root .site-steps li{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}:root .site-steps h3:before,:root .article-steps h3:before{background:var(--accent-grad);color:#fff;box-shadow:var(--glow)}:root[data-theme=dark] .site-steps h3:before,:root[data-theme=dark] .article-steps h3:before{color:var(--accent-text)}:root .site-offline{color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(60% 80% at 100% 0,#ffffff2e,#0000 60%) 0 0/100% 100%,linear-gradient(120deg,#c026d3,#9333ea,#7c3aed,#6366f1,#c026d3) 0 0/300% 300%;animation:12s ease-in-out infinite alternate theme-gradient-pan;position:relative;overflow:hidden}:root[data-theme=dark] .site-offline{background:radial-gradient(60% 80% at 100% 0,#fff3,#0000 60%) 0 0/100% 100%,linear-gradient(120deg,#e879f9,#c084fc,#a78bfa,#818cf8,#e879f9) 0 0/300% 300%}:root .site-offline p{color:#ffffffdb}:root .site-offline .btn.primary{color:#3b0764;box-shadow:var(--shadow-md);background:#fff}:root .site-offline .btn.primary:hover:not(:disabled){background:#fff}:root[data-theme=dark] .site-offline,:root[data-theme=dark] .site-offline p{color:var(--accent-text)}:root .site-compare table{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}:root .site-foot{border-top:1px solid var(--border);margin-top:40px;padding-top:20px}:root .article-figure .site-card-media,:root .article-figure>img{border:1px solid var(--border);box-shadow:var(--shadow-md)}@supports (animation-timeline:view()){:root .site-quick-grid li,:root .site-use-grid li,:root .site-cap,:root .site-steps li,:root .site-compare table,:root .guide-list li,:root .article-figure,:root .site-main>section>h2,:root .site-section-lead,:root .site-faq dl>div{animation:linear both theme-reveal;animation-timeline:view();animation-range:entry entry 55%}:root .site-quick-grid li:nth-child(4n+2),:root .site-use-grid li:nth-child(2n),:root .site-caps-grid>:nth-child(2n),:root .site-steps li:nth-child(2){animation-range:entry 8% entry 65%}:root .site-quick-grid li:nth-child(4n+3),:root .site-steps li:nth-child(3){animation-range:entry 16% entry 75%}:root .site-quick-grid li:nth-child(4n+4){animation-range:entry 24% entry 85%}:root .site-offline{animation:12s ease-in-out infinite alternate theme-gradient-pan,linear both theme-reveal;animation-timeline:auto,view();animation-range:normal,entry entry 55%}}@supports (animation-timeline:scroll()){:root .site-nav:after{content:"";background:var(--accent-grad);transform-origin:0;pointer-events:none;border-radius:2px;height:2px;animation:linear both theme-progress;animation-timeline:scroll();position:absolute;bottom:0;left:20px;right:20px}:root .site-nav{animation:linear both theme-nav-elevate;animation-timeline:scroll();animation-range:0 160px}}@keyframes theme-grid-pan{to{background-position:48px 48px,48px 48px}}@keyframes theme-dot-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}60%{box-shadow:0 0 0 6px #0000}}@keyframes theme-write{0%{opacity:0;clip-path:inset(-30% 100% -30% -30%)}30%{opacity:1}to{opacity:1;clip-path:inset(-30%)}}@keyframes theme-orbit{0%,to{translate:0;scale:1}50%{translate:-55% -35%;scale:1.2}}@keyframes theme-parallax-out{to{opacity:.3;translate:0 140px}}@keyframes theme-fade-out{to{opacity:0}}@keyframes theme-zoom-settle{0%{scale:1.16}to{scale:1}}@keyframes theme-badge-pop{0%{rotate:-90deg;scale:0}70%{rotate:8deg;scale:1.15}to{rotate:none;scale:1}}:root .site-hero:after{animation:6s linear infinite theme-grid-pan}:root .site-stage-bar span:first-child{animation:2.4s ease-out 1.6s infinite theme-dot-pulse}:root .site-stage-type{animation:theme-write 1.4s var(--ease) 1.3s both}:root .site-offline{isolation:isolate}:root .site-offline:after{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffffff4d,#0000 65%);border-radius:50%;width:440px;animation:14s ease-in-out infinite theme-orbit;position:absolute;bottom:-220px;right:-140px}:root .site-main.article h1,:root .site-main.guides>h1{animation:theme-blur-in .8s var(--ease) 80ms both}:root .article-split-copy>:not(.site-kicker){animation:theme-blur-in .7s var(--ease) .2s both}:root .article-split-copy>:nth-child(n+3):not(.site-kicker){animation-delay:.3s}:root .article-split-copy>:nth-child(n+4):not(.site-kicker){animation-delay:.4s}@supports (animation-timeline:view()){:root .site-hero:before{animation:18s ease-in-out infinite theme-drift,linear both theme-parallax-out;animation-timeline:auto,scroll();animation-range:normal,0 700px}:root .site-hero:after{animation:6s linear infinite theme-grid-pan,linear both theme-fade-out;animation-timeline:auto,scroll();animation-range:normal,0 500px}:root .site-cap-media img{animation:linear both theme-zoom-settle;animation-timeline:view();animation-range:entry cover 60%}:root .site-quick-grid .site-card-media img,:root .site-use-grid .site-card-media img{animation:linear both theme-zoom-settle;animation-timeline:view();animation-range:entry}:root .site-quick-grid .site-card-script{animation:linear both theme-write;animation-timeline:view();animation-range:entry 40% cover 45%}:root .site-steps li{view-timeline:--theme-step block}:root .site-steps h3:before{animation:linear both theme-badge-pop;animation-timeline:--theme-step;animation-range:entry 30%}:root .site-compare tbody tr{animation:linear both theme-rise;animation-timeline:view();animation-range:entry entry 90%}:root .site-foot{animation:linear both theme-rise;animation-timeline:view();animation-range:entry}}@view-transition{navigation:auto}:root .site-nav{view-transition-name:site-nav}::view-transition-old(root){animation:.22s var(--ease) both theme-vt-out}::view-transition-new(root){animation:.38s var(--ease) both theme-vt-in}@keyframes theme-vt-out{to{opacity:0;filter:blur(4px);translate:0 -8px}}@keyframes theme-vt-in{0%{opacity:0;filter:blur(4px);translate:0 12px}}:root .modal-backdrop{animation:.18s theme-fade}:root .toast{animation:theme-toast-in .35s var(--ease) backwards}:root .layer{animation:theme-slide-in .3s var(--ease) backwards}:root .history-list li{animation:theme-slide-in .28s var(--ease) backwards}:root .history-step{transition:background .2s,color .2s}:root .palette-item{animation:theme-rise .22s var(--ease) backwards}:root .palette-item:nth-child(2){animation-delay:20ms}:root .palette-item:nth-child(3){animation-delay:40ms}:root .palette-item:nth-child(4){animation-delay:60ms}:root .palette-item:nth-child(5){animation-delay:80ms}:root .palette-item:nth-child(6){animation-delay:.1s}:root .palette-item:nth-child(n+7){animation-delay:.12s}:root .shortcut-group{animation:theme-rise .3s var(--ease) backwards}:root .shortcut-group:nth-child(2){animation-delay:40ms}:root .shortcut-group:nth-child(3){animation-delay:80ms}:root .shortcut-group:nth-child(4){animation-delay:.12s}:root .shortcut-group:nth-child(5){animation-delay:.16s}:root .compare-peek canvas{animation:.15s theme-fade}:root .compare-badge{animation:theme-toast-in .25s var(--ease)}:root .empty-mark{animation:4s ease-in-out infinite theme-float}:root .canvas-grid>*{animation:theme-rise .4s var(--ease) backwards}:root .canvas-grid>:nth-child(2){animation-delay:40ms}:root .canvas-grid>:nth-child(3){animation-delay:80ms}:root .canvas-grid>:nth-child(4){animation-delay:.12s}:root .canvas-grid>:nth-child(5){animation-delay:.16s}:root .canvas-grid>:nth-child(n+6){animation-delay:.2s}:root .library-start{animation:theme-blur-in .6s var(--ease) both}@media (max-width:800px){:root .site-hero:after{display:none}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}:root .btn:after,:root .icon-btn,:root .zoom-pct,:root .tool-btn.active svg,:root .site .site-cta,:root .site-stage-frame img,:root .site-card-media:before,:root .site-nav,:root .site-nav:after,:root .site-main>section>h2,:root .site-section-lead,:root .site-faq dl>div,:root .site-hero:after,:root .site-stage-bar span:first-child,:root .site-stage-type,:root .site-offline:after,:root .site-main.article h1,:root .site-main.guides>h1,:root .article-split-copy>*,:root .site-cap-media img,:root .site-card-script,:root .site-steps h3:before,:root .site-compare tbody tr,:root .site-foot,:root .modal-backdrop,:root .toast,:root .layer,:root .history-list li,:root .palette-item,:root .shortcut-group,:root .compare-peek canvas,:root .compare-badge,:root .empty-mark,:root .canvas-grid>*,:root .library-start,:root .btn,:root .brand-mark,:root .menu-pop,:root .modal,:root .tool-btn,:root .empty-card,:root .canvas-card,:root .site-hero:before,:root .site-kicker,:root .site-hero h1,:root .site-lead,:root .site-hero-actions,:root .site-stage,:root .site-quick-grid li,:root .site-use-grid li,:root .site-cap,:root .site-steps li,:root .site-offline,:root .site-compare table,:root .guide-list li,:root .article-figure,:root .site-card-media img{transition:none!important;animation:none!important}:root .site-nav:after{display:none}:root .guide-list li:hover,:root .canvas-card:hover,:root .btn:hover,:root .brand:hover .brand-mark{transform:none!important}:root .site-quick-grid li:has(>a):hover{transform:none!important}:root .site-quick-grid li:has(>a):focus-within{transform:none!important}:root .site-quick-grid li:has(>a):hover .site-card-media img{transform:none!important}}