@font-face{font-family:Noto Sans SC Local;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-sc-subset.ttf) format("truetype")}@font-face{font-family:Noto Sans SC Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-sc-variable.ttf) format("truetype")}:root{--bg:#070709;--bg-deep:#050507;--panel:#101016;--panel-raised:#15151c;--panel-soft:rgba(16,16,22,0.76);--line:rgba(245,245,247,0.1);--line-strong:rgba(245,245,247,0.18);--line-accent:rgba(180,154,255,0.42);--text:#f5f5f7;--text-soft:#cfccd8;--muted:#a6a3b3;--muted-deep:#6f6c7c;--accent:#b49aff;--accent-bright:#d6cbff;--accent-dim:#8173a5;--success:#b8e4ce;--danger:#f0a8b2;--warning:#dec28d;--mono:"SFMono-Regular","Cascadia Code","Roboto Mono",Consolas,monospace;--sans:"Noto Sans SC Variable","Noto Sans SC Local",Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-width:320px;background:var(--bg)}body{margin:0;overflow-x:hidden;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{position:fixed;z-index:-2;inset:0;pointer-events:none;content:"";opacity:.48;background-image:linear-gradient(90deg,rgba(245,245,247,.035) 1px,transparent 0),linear-gradient(180deg,rgba(245,245,247,.035) 1px,transparent 0),radial-gradient(circle,rgba(180,154,255,.16) 0 1px,transparent 1.5px);background-position:top;background-size:120px 120px,120px 120px,120px 120px;-webkit-mask-image:linear-gradient(180deg,black 0,black 50%,transparent 92%);mask-image:linear-gradient(180deg,black 0,black 50%,transparent 92%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-shell{position:relative;width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:0 40px}.home-shell{isolation:isolate}.home-shell:after{position:absolute;z-index:-1;right:-12%;bottom:0;left:-12%;height:760px;pointer-events:none;content:"";background:radial-gradient(ellipse at 50% 100%,rgba(180,154,255,.17),rgba(118,90,176,.06) 34%,transparent 72%);filter:blur(12px)}.mono{font-family:var(--mono);letter-spacing:.02em}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.4;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 19px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.01em;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.4}.button-primary{color:#17131f;background:linear-gradient(135deg,#d3c5ff,#b49aff 58%,#a489ef);box-shadow:0 10px 28px rgba(180,154,255,.14)}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#e3dcff,#c6b4ff 58%,#b49aff);box-shadow:0 12px 34px rgba(180,154,255,.24)}.button-ghost{border-color:var(--line-strong);color:var(--text-soft);background:rgba(245,245,247,.03)}.button-ghost:hover:not(:disabled){border-color:var(--line-accent);color:var(--accent-bright);background:rgba(180,154,255,.08)}.button-small{min-height:34px;padding:0 13px;font-size:11px}.spin{animation:spin 1.1s linear infinite}.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(180,154,255,.8)}.site-header{position:relative;z-index:5;display:flex;align-items:center;height:76px;border-bottom:1px solid var(--line)}.brand-mark{display:inline-flex;align-items:center;gap:10px;min-width:170px}.brand-symbol{display:inline-flex;align-items:flex-end;gap:3px;width:25px;height:25px;padding:4px;border:1px solid rgba(180,154,255,.44);border-radius:8px 3px 8px 3px;background:rgba(180,154,255,.08)}.brand-symbol span{display:block;width:4px;border-radius:2px;background:var(--accent)}.brand-symbol span:first-child{height:8px;opacity:.55}.brand-symbol span:nth-child(2){height:13px;opacity:.8}.brand-symbol span:nth-child(3){height:17px;background:var(--accent-bright)}.brand-wordmark{display:inline-flex;align-items:baseline;color:var(--text);font-family:var(--mono);font-size:16px;letter-spacing:-.07em}.brand-wordmark strong{font-weight:700}.brand-wordmark small{color:var(--accent);font-size:12px;letter-spacing:-.04em}.site-nav{display:flex;align-items:center;gap:34px;margin-left:88px;color:var(--muted);font-size:12px}.site-nav a{position:relative;transition:color .16s ease}.site-nav a:after{position:absolute;right:0;bottom:-10px;left:0;height:1px;content:"";background:var(--accent);opacity:0;transform:scaleX(.3);transition:opacity .16s ease,transform .16s ease}.site-nav a:hover{color:var(--accent-bright)}.site-nav a:hover:after{opacity:1;transform:scaleX(1)}.header-status{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted-deep);font-family:var(--mono);font-size:9px;letter-spacing:.08em}.header-status svg{color:var(--accent)}.header-language{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:30px;margin-left:20px;padding:0 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;transition:background .16s ease,border-color .16s ease,color .16s ease}.header-language:hover{border-color:var(--line-accent);color:var(--accent-bright);background:rgba(180,154,255,.08)}.header-cta{display:inline-flex;align-items:center;gap:7px;min-height:34px;margin-left:28px;padding:0 13px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-soft);font-size:11px;transition:background .16s ease,border-color .16s ease,color .16s ease}.header-cta:hover{border-color:var(--line-accent);color:var(--accent-bright);background:rgba(180,154,255,.08)}.home-hero{position:relative;display:grid;min-height:670px;place-items:center;padding:105px 0 88px;overflow:hidden;text-align:center}.hero-copy{position:relative;z-index:2;max-width:980px}.hero-eyebrow{display:inline-flex;align-items:center;gap:11px}.eyebrow-pulse{display:inline-block;width:7px;height:7px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(180,154,255,.07),0 0 14px rgba(180,154,255,.65)}.hero-copy h1{display:grid;gap:.035em;margin:25px 0 27px;color:var(--text);font-size:clamp(58px,9.3vw,132px);font-weight:700;letter-spacing:-.075em;line-height:1.04}.hero-copy h1 span:last-child{color:var(--accent);text-shadow:0 0 35px rgba(180,154,255,.18)}.hero-lede{margin:0;color:var(--muted);font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:33px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;transition:color .16s ease,gap .16s ease}.text-link:hover{gap:11px;color:var(--accent-bright)}.privacy-promise{display:inline-flex;align-items:center;gap:8px;margin-top:48px;color:var(--muted-deep);font-size:11px}.privacy-promise svg{color:var(--accent-dim)}.hero-visual{position:absolute;z-index:1;right:5%;bottom:72px;width:260px;height:190px;opacity:.82;transform:rotate(-8deg)}.hero-visual-frame{position:absolute;inset:0;border:1px solid var(--line);background:rgba(16,16,22,.42)}.hero-visual-frame-back{top:15px;left:-15px;opacity:.55;transform:rotate(8deg)}.hero-visual-frame-front{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;padding:15px;color:var(--muted-deep);font-size:8px;letter-spacing:.08em}.hero-visual-art{position:relative;height:98px;border:1px solid rgba(180,154,255,.2);overflow:hidden;background:linear-gradient(140deg,#1b1727,#29213d 52%,#15141c)}.hero-visual-art:before{position:absolute;top:19px;right:20px;width:72px;height:72px;border-radius:50%;content:"";background:rgba(180,154,255,.28)}.hero-visual-art i{position:absolute;bottom:20px;left:17px;width:74px;height:9px;border-radius:99px;background:rgba(245,245,247,.72)}.hero-visual-art i:nth-child(2){bottom:42px;width:108px;opacity:.48}.hero-visual-art i:nth-child(3){bottom:64px;width:53px;opacity:.3}.hero-visual-mark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(180,154,255,.06),0 0 16px rgba(180,154,255,.62)}.hero-visual-mark-left{top:28%;left:10%}.hero-visual-mark-right{top:22%;right:17%;opacity:.55}.demo-section,.how-section{padding:45px 0 108px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:27px}.section-intro h2{margin:13px 0 0;color:var(--text);font-size:clamp(28px,3.5vw,48px);font-weight:650;letter-spacing:-.065em;line-height:1.16}.section-intro>p{max-width:330px;margin:0 0 4px;color:var(--muted);font-size:12px;line-height:1.8;text-align:right}.demo-gallery{display:grid;grid-template-columns:minmax(170px,.56fr) minmax(580px,2fr) minmax(170px,.56fr);align-items:center;gap:18px;min-width:0}.demo-panel,.demo-side-card{position:relative;min-width:0;border:1px solid var(--line);background:rgba(16,16,22,.82)}.demo-panel{z-index:2;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.28),13px 13px 0 rgba(180,154,255,.035),inset 0 1px 0 rgba(255,255,255,.035)}.demo-panel:after,.demo-panel:before,.editor-shell:after,.editor-shell:before{position:absolute;width:15px;height:15px;pointer-events:none;content:""}.demo-panel:before,.editor-shell:before{top:-1px;left:-1px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.demo-panel:after,.editor-shell:after{right:-1px;bottom:-1px;border-right:1px solid rgba(180,154,255,.65);border-bottom:1px solid rgba(180,154,255,.65)}.demo-side-card{display:grid;align-content:center;gap:15px;min-height:366px;padding:13px;overflow:hidden;background:rgba(13,13,18,.68);box-shadow:0 20px 45px rgba(0,0,0,.2)}.demo-side-card:after{position:absolute;z-index:-1;inset:7px;border:1px solid rgba(245,245,247,.05);content:""}.demo-side-card-left{margin-left:12px;transform:translateX(9px) rotate(-2.5deg)}.demo-side-card-right{margin-right:12px;transform:translateX(-9px) rotate(2.5deg)}.demo-side-art{position:relative;height:205px;overflow:hidden;border:1px solid rgba(245,245,247,.11)}.mini-art-window{background:linear-gradient(150deg,#282234,#15151d 70%)}.mini-art-window:before{top:34px;right:-16px;left:20px;height:147px;border-radius:14px;background:#dbd4ca}.mini-art-window:after,.mini-art-window:before{position:absolute;content:"";transform:rotate(-7deg)}.mini-art-window:after{top:60px;left:39px;width:77px;height:89px;border-radius:9px;background:#8d859b}.mini-art-mark{top:99px;right:23px;color:#312c3b;font-family:var(--mono);font-size:20px;font-weight:700}.mini-art-mark,.mini-art-window i{position:absolute;z-index:1;transform:rotate(-7deg)}.mini-art-window i{right:22px;width:73px;height:8px;border-radius:99px;background:#888092}.mini-art-window i:first-of-type{top:67px}.mini-art-window i:nth-of-type(2){top:82px;width:54px}.mini-art-poster{background:linear-gradient(140deg,#151922,#312a43)}.mini-art-poster:before{position:absolute;top:17px;right:17px;bottom:17px;left:17px;border:1px solid rgba(245,245,247,.33);content:"";background:linear-gradient(150deg,rgba(245,245,247,.13),transparent 38%)}.mini-art-poster i{position:absolute;top:51px;left:42px;width:100px;height:2px;content:"";background:rgba(245,245,247,.72);transform:rotate(-23deg)}.mini-art-poster i:nth-of-type(2){top:81px;left:66px;width:76px;opacity:.42;transform:rotate(34deg)}.mini-art-circle{position:absolute;right:28px;bottom:31px;width:65px;height:65px;border-radius:50%;background:rgba(180,154,255,.66)}.demo-side-meta{display:grid;gap:6px}.demo-side-meta>span:first-child{color:var(--accent-dim);font-size:8px;letter-spacing:.08em}.demo-side-meta strong{color:var(--text-soft);font-size:13px;font-weight:600}.demo-side-meta>span:last-child{color:var(--muted-deep);font-size:10px;line-height:1.6}.demo-side-state{position:absolute;top:15px;right:14px;padding:4px 7px;border:1px solid rgba(180,154,255,.2);border-radius:99px;color:var(--accent-dim);font-family:var(--mono);font-size:8px}.demo-controls,.demo-footnote,.demo-panel-head{display:flex;align-items:center;justify-content:space-between}.demo-panel-head{gap:18px;margin-bottom:17px}.demo-panel-head h3{margin:8px 0 0;font-size:18px;font-weight:600;letter-spacing:-.045em}.demo-state{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.04em}.demo-state-done{color:var(--success)}.demo-state-error{color:var(--danger)}.demo-state-error .status-dot{background:var(--danger);box-shadow:0 0 12px rgba(240,168,178,.72)}.demo-canvas-frame{position:relative;overflow:hidden;min-height:220px;border:1px solid rgba(245,245,247,.13);background:#121217}.demo-canvas{display:block;width:100%;height:auto;aspect-ratio:720/460;object-fit:contain}.demo-canvas-overlay{position:absolute;top:12px;right:13px;left:13px;display:flex;justify-content:space-between;color:rgba(245,245,247,.66);font-size:9px;pointer-events:none}.demo-controls{gap:20px;min-height:63px;border-bottom:1px solid var(--line)}.demo-copy{display:flex;align-items:center;gap:13px;min-width:0}.stage-label{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.elapsed-label{color:var(--accent);font-size:9px}.demo-actions{display:flex;align-items:center;gap:8px}.demo-footnote{justify-content:flex-start;gap:20px;padding-top:16px;color:var(--muted-deep);font-size:10px}.demo-footnote a,.demo-footnote span,.demo-use-link{display:inline-flex;align-items:center;gap:6px}.demo-footnote span svg{color:var(--accent-dim)}.demo-use-link{margin-left:auto;padding:0;border:0;color:var(--accent);background:transparent;cursor:pointer;font-size:10px}.demo-use-link:hover{color:var(--accent-bright)}.how-section{padding-top:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step-card{position:relative;min-height:205px;padding:23px 25px 25px 0}.step-card+.step-card{padding-left:25px;border-left:1px solid var(--line)}.step-number{color:var(--accent);font-size:10px}.step-rule{width:42px;height:1px;margin:28px 0 25px;background:linear-gradient(90deg,var(--accent),transparent)}.step-card h3{margin:0 0 9px;color:var(--text);font-size:18px;font-weight:600;letter-spacing:-.035em}.step-card p{max-width:245px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.local-note{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:22px;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.local-note-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(180,154,255,.3);color:var(--accent);background:rgba(180,154,255,.05)}.local-note-copy h2{margin:9px 0 8px;font-size:20px;font-weight:600;letter-spacing:-.045em}.local-note-copy>p:last-child{max-width:610px;margin:0;color:var(--muted);font-size:11px;line-height:1.85}.local-note-specs{display:grid;gap:10px;padding-top:4px;color:var(--muted-deep);font-family:var(--mono);font-size:9px;letter-spacing:.05em}.local-note-specs span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.local-note-specs svg{color:var(--accent-dim)}.site-footer{justify-content:space-between;gap:18px;min-height:98px;color:var(--muted-deep);font-size:10px}.footer-links,.site-footer{display:flex;align-items:center}.footer-links{gap:20px}.footer-links a:last-child{display:inline-flex;align-items:center;gap:5px;color:var(--accent)}.footer-links a:first-child:hover,.footer-links a:last-child:hover{color:var(--accent-bright)}.tool-shell{padding-bottom:42px}.tool-main{padding-top:35px}.tool-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 1px 23px}.tool-page-heading h1{margin:11px 0 9px;color:var(--text);font-size:clamp(29px,4vw,50px);font-weight:650;letter-spacing:-.07em;line-height:1.12}.tool-page-heading p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.tool-heading-status{display:flex;align-items:center;gap:10px;padding-bottom:6px;color:var(--muted-deep);font-size:9px;white-space:nowrap}.heading-status-separator{width:1px;height:13px;background:var(--line-strong)}.editor-command-bar{display:flex;align-items:center;gap:20px;min-height:58px;margin-bottom:12px;padding:8px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(16,16,22,.66)}.command-button,.editor-back-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:11px;transition:border-color .16s ease,color .16s ease,background .16s ease}.command-button:hover:not(:disabled),.editor-back-link:hover{border-color:var(--line-strong);color:var(--accent-bright);background:rgba(180,154,255,.06)}.editor-command-file{display:flex;align-items:baseline;gap:11px;min-width:0;color:var(--muted-deep);font-size:10px}.editor-command-file strong{overflow:hidden;max-width:300px;color:var(--text-soft);font-size:11px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.editor-command-label{color:var(--accent-dim);font-size:8px;letter-spacing:.1em}.editor-command-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.command-button{border-color:var(--line);background:transparent;cursor:pointer}.command-button-primary{border-color:rgba(180,154,255,.3);color:var(--accent-bright);background:rgba(180,154,255,.1)}.editor-shell{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 310px;min-height:min(720px,calc(100vh - 255px));overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0c0c11;box-shadow:0 28px 75px rgba(0,0,0,.28),8px 8px 0 rgba(180,154,255,.025),inset 0 1px 0 rgba(255,255,255,.035)}.editor-shell-dragging{border-color:var(--line-accent);box-shadow:0 0 0 1px rgba(180,154,255,.12),0 28px 75px rgba(0,0,0,.28)}.editor-tools{display:flex;align-items:center;flex-direction:column;gap:5px;padding:16px 8px;border-right:1px solid var(--line);background:rgba(16,16,22,.82)}.editor-tools-title{margin:2px 0 10px;color:var(--muted-deep);font-size:8px;letter-spacing:.14em;writing-mode:vertical-rl}.editor-tool-group{display:grid;gap:5px}.tool-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:58px;min-height:55px;padding:7px 3px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;font-size:9px;transition:border-color .16s ease,color .16s ease,background .16s ease}.tool-button small{color:var(--muted-deep);font-size:8px}.tool-button:hover:not(:disabled){border-color:var(--line);color:var(--accent-bright);background:rgba(180,154,255,.05)}.tool-button-active{border-color:rgba(180,154,255,.3);color:var(--accent);background:rgba(180,154,255,.1);box-shadow:inset 2px 0 0 var(--accent)}.tool-button-active small{color:var(--accent-dim)}.tool-button-muted{margin-top:auto}.tool-divider{width:35px;height:1px;margin:9px 0 5px;background:var(--line)}.workspace-panel{display:flex;min-width:0;flex-direction:column;background:#0d0d12}.workspace-toolbar{justify-content:space-between;min-height:57px;padding:0 15px;border-bottom:1px solid var(--line);background:rgba(16,16,22,.72)}.toolbar-fit-button,.toolbar-import,.workspace-file,.workspace-hint,.workspace-status,.workspace-toolbar,.workspace-toolbar-actions{display:flex;align-items:center}.workspace-file{min-width:0;gap:9px}.workspace-file-icon{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border:1px solid rgba(180,154,255,.24);border-radius:8px;color:var(--accent);background:rgba(180,154,255,.06)}.workspace-file-name{overflow:hidden;max-width:220px;color:var(--text-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workspace-empty-label,.workspace-file-meta{color:var(--muted-deep);font-size:8px;white-space:nowrap}.workspace-toolbar-actions{gap:7px}.toolbar-fit-button,.toolbar-icon-button,.toolbar-import{border:1px solid var(--line);border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:10px;transition:border-color .16s ease,color .16s ease,background .16s ease}.toolbar-fit-button,.toolbar-import{gap:6px;min-height:31px;padding:0 10px}.toolbar-fit-button:hover,.toolbar-icon-button:hover:not(:disabled),.toolbar-import:hover{border-color:var(--line-accent);color:var(--accent-bright);background:rgba(180,154,255,.07)}.toolbar-icon-button{display:grid;width:29px;height:31px;place-items:center}.zoom-readout{min-width:39px;color:var(--accent);font-size:9px;text-align:center}.canvas-viewport{position:relative;flex:1 1 auto;min-height:360px;overflow:hidden;background:linear-gradient(rgba(245,245,247,.025) 1px,transparent 0),linear-gradient(90deg,rgba(245,245,247,.025) 1px,transparent 0),#17171c;background-size:64px 64px}.canvas-viewport:after,.canvas-viewport:before{position:absolute;z-index:1;width:20px;height:20px;content:"";pointer-events:none}.canvas-viewport:before{top:17px;left:17px;border-top:1px solid rgba(245,245,247,.26);border-left:1px solid rgba(245,245,247,.26)}.canvas-viewport:after{right:17px;bottom:17px;border-right:1px solid rgba(245,245,247,.16);border-bottom:1px solid rgba(245,245,247,.16)}.editor-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.editor-canvas-pan{cursor:grab}.editor-canvas-pan:active{cursor:grabbing}.drop-overlay,.empty-canvas-state,.processing-overlay{position:absolute;z-index:2;top:50%;left:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;width:min(400px,calc(100% - 40px));padding:36px 30px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(18,18,24,.95);box-shadow:0 25px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);transform:translate(-50%,-50%)}.empty-canvas-icon{display:grid;width:55px;height:55px;margin-bottom:17px;place-items:center;border:1px solid rgba(180,154,255,.3);border-radius:14px;color:var(--accent);background:rgba(180,154,255,.07)}.empty-canvas-kicker{color:var(--accent);font-size:9px;letter-spacing:.12em}.empty-canvas-state h2{margin:12px 0 7px;font-size:21px;font-weight:600;letter-spacing:-.045em}.empty-canvas-state p:not(.empty-canvas-kicker){margin:0 0 21px;color:var(--muted);font-size:11px;line-height:1.75;text-align:center}.empty-canvas-actions{display:flex;align-items:center;gap:8px}.empty-canvas-limit{margin-top:16px;color:var(--muted-deep);font-size:8px;text-align:center}.drop-overlay{gap:12px;border-color:var(--accent);color:var(--accent-bright);background:rgba(25,21,35,.95);font-size:13px;box-shadow:0 0 0 999px rgba(5,5,7,.55),0 0 36px rgba(180,154,255,.1)}.drop-overlay svg{color:var(--accent)}.processing-overlay{gap:11px;width:min(320px,calc(100% - 40px));padding:29px 22px;border-color:rgba(180,154,255,.36);text-align:center}.processing-overlay svg{color:var(--accent)}.processing-overlay strong{font-size:13px;font-weight:600}.processing-overlay>span{color:var(--muted);font-size:10px}.processing-overlay .button{margin-top:6px}.editor-alert{position:absolute;z-index:4;right:18px;bottom:18px;left:18px;display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 10px;border:1px solid rgba(240,168,178,.36);border-radius:10px;color:#f6d2d6;background:rgba(45,24,30,.95);box-shadow:0 14px 28px rgba(0,0,0,.28);font-size:10px}.editor-alert>svg{flex:0 0 auto;color:var(--danger)}.editor-alert>span{flex:1 1 auto;line-height:1.5}.editor-alert button:not(.alert-close){padding:5px 9px;border:1px solid rgba(246,210,214,.38);border-radius:999px;color:#ffe9eb;background:transparent;cursor:pointer;font-size:10px}.alert-close{align-self:flex-start;padding:0 3px;border:0;color:rgba(255,220,224,.68);background:transparent;cursor:pointer;font-size:17px;line-height:1}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:43px;padding:0 15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.workspace-bottom-controls{display:flex;align-items:center;gap:14px}.workspace-zoom-controls{display:flex;align-items:center;gap:5px}.workspace-zoom-controls .toolbar-fit-button,.workspace-zoom-controls .toolbar-icon-button{min-height:27px}.workspace-zoom-controls .toolbar-icon-button{width:27px;height:27px}.workspace-view-switch{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:8px}.workspace-view-switch button{min-width:42px;min-height:27px;padding:0 8px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:9px}.workspace-view-switch button+button{border-left:1px solid var(--line)}.workspace-view-switch button:hover:not(:disabled){color:var(--accent-bright)}.workspace-view-switch button.is-selected{color:var(--accent-bright);background:rgba(180,154,255,.12)}.workspace-status{min-width:0;gap:8px}.workspace-status>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-status .mono{color:var(--muted-deep);font-size:8px;white-space:nowrap}.status-dot-processing{animation:pulse 1.4s ease-in-out infinite}.status-dot-done{background:var(--success);box-shadow:0 0 12px rgba(184,228,206,.68)}.status-dot-error{background:var(--danger);box-shadow:0 0 12px rgba(240,168,178,.68)}.status-dot-cancelled{background:var(--accent);box-shadow:0 0 12px rgba(180,154,255,.7)}.workspace-hint{color:var(--muted-deep);font-size:8px;text-align:right;white-space:nowrap}.settings-panel{display:flex;min-width:0;flex-direction:column;border-left:1px solid var(--line);background:rgba(16,16,22,.85)}.settings-section{padding:19px 18px;border-bottom:1px solid var(--line)}.settings-section-top{padding-top:20px}.settings-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;color:var(--text-soft);font-size:11px}.settings-section-heading>span:first-child{display:inline-flex;align-items:center;gap:7px}.settings-section-heading svg{color:var(--accent)}.settings-section-heading>span:last-child{color:var(--muted-deep);font-size:8px}.range-field{display:block;margin-top:14px}.color-field,.range-field>span,.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:10px}.color-input-wrap,.range-field output{color:var(--accent);font-size:9px}input[type=range]{display:block;width:100%;height:3px;margin:12px 0 0;border-radius:99px;accent-color:var(--accent);cursor:pointer}.settings-caption{display:flex;align-items:flex-start;gap:5px;margin:9px 0 0;color:var(--muted-deep);font-size:9px;line-height:1.6}.settings-caption-warning{color:var(--warning)}.settings-success{display:flex;align-items:flex-start;gap:5px;margin:12px 0 0;color:var(--success);font-size:9px;line-height:1.6}.segmented-control{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:9px}.segmented-control button{min-height:33px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:10px}.segmented-control button+button{border-left:1px solid var(--line)}.segmented-control button:hover:not(:disabled){color:var(--accent-bright)}.segmented-control button.is-selected{color:var(--accent-bright);background:rgba(180,154,255,.12)}.toggle-field{position:relative;justify-content:flex-start;margin-top:16px;cursor:pointer}.toggle-field input{position:absolute;width:1px;height:1px;opacity:0}.toggle-ui{position:relative;width:31px;height:17px;margin-left:auto;border:1px solid var(--line-strong);border-radius:20px;background:rgba(245,245,247,.05);transition:background .16s ease,border-color .16s ease}.toggle-ui:after{position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;content:"";background:var(--muted-deep);transition:background .16s ease,transform .16s ease}.toggle-field input:checked+.toggle-ui{border-color:var(--accent);background:rgba(180,154,255,.16)}.toggle-field input:checked+.toggle-ui:after{background:var(--accent);box-shadow:0 0 8px rgba(180,154,255,.72);transform:translateX(14px)}.compare-range{margin-top:15px}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.export-button{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:rgba(245,245,247,.025);cursor:pointer;text-align:left;transition:border-color .16s ease,color .16s ease,background .16s ease}.export-button>span{display:grid;gap:3px}.export-button strong{color:var(--text-soft);font-family:var(--mono);font-size:10px;font-weight:600}.export-button small{color:var(--muted-deep);font-size:8px}.export-button:hover:not(:disabled){border-color:var(--line-accent);color:var(--accent);background:rgba(180,154,255,.08)}.export-button:hover:not(:disabled) strong{color:var(--accent-bright)}.color-field{margin-top:16px}.color-input-wrap{display:flex;align-items:center;gap:7px}.color-input-wrap input[type=color]{width:23px;height:23px;padding:2px;border:1px solid var(--line-strong);border-radius:7px;background:transparent;cursor:pointer}.settings-section-info{color:var(--muted)}.settings-section-info>p{margin:0;font-size:9px;line-height:1.75}.limit-list{display:grid;gap:7px;margin:15px 0 0;padding:11px 10px;border:1px solid rgba(180,154,255,.13);border-radius:9px;background:rgba(180,154,255,.035)}.limit-list span{display:flex;justify-content:space-between;color:var(--muted-deep);font-size:9px}.limit-list code{color:var(--text-soft);font-family:var(--mono);font-size:9px}.settings-bottom-action{display:grid;gap:10px;margin-top:auto;padding:17px 18px 18px;border-top:1px solid var(--line);background:rgba(16,16,22,.88)}.repair-button{width:100%;min-height:44px}.repair-button-chevron{margin-left:auto;opacity:.55}.settings-back-link,.settings-shortcut{color:var(--muted-deep);font-size:8px;text-align:center}.settings-back-link:hover{color:var(--accent)}.tool-bottom-note{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:18px 2px 0;color:var(--muted-deep);font-size:9px}.tool-bottom-note a,.tool-bottom-note span{display:inline-flex;align-items:center;gap:5px}.tool-bottom-note svg{color:var(--accent-dim)}.tool-bottom-note a{margin-left:auto;color:var(--accent)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.42;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:1120px){.site-shell{padding:0 28px}.site-nav{margin-left:48px}.hero-visual{right:1%;opacity:.55}.demo-gallery{grid-template-columns:minmax(140px,.4fr) minmax(500px,2fr) minmax(140px,.4fr);gap:12px}.demo-side-card{min-height:330px}.demo-side-art{height:175px}.editor-shell{grid-template-columns:70px minmax(0,1fr) 285px}}@media (max-width:820px){.site-shell{padding:0 17px}.site-header{height:68px}.brand-mark{min-width:auto}.site-nav{display:none}.header-status{margin-left:auto}.header-language{margin-left:12px}.header-status span:not(.status-dot){display:none}.header-cta{margin-left:14px;padding:0 11px}.home-hero{min-height:610px;padding:80px 0 74px}.hero-copy h1{font-size:clamp(51px,12vw,86px)}.hero-visual{right:50%;bottom:17px;width:225px;height:140px;opacity:.42;transform:translateX(50%) rotate(-6deg)}.hero-visual-art{height:68px}.hero-visual-art:before{top:10px;right:13px;width:48px;height:48px}.hero-visual-art i{bottom:11px;left:11px;width:56px}.hero-visual-art i:nth-child(2){bottom:27px;width:78px}.hero-visual-art i:nth-child(3){bottom:43px;width:39px}.section-intro{display:block}.section-intro>p{margin-top:13px;text-align:left}.demo-section,.how-section{padding-top:35px;padding-bottom:78px}.demo-gallery{display:block}.demo-side-card{display:none}.demo-panel{padding:14px}.demo-canvas-frame{min-height:0}.demo-controls{align-items:flex-start;flex-direction:column;gap:11px;padding:14px 0}.demo-actions{width:100%}.demo-actions .button{flex:1 1 auto}.demo-footnote{align-items:flex-start;flex-direction:column;gap:9px}.demo-use-link{margin-left:0}.steps-grid{display:block}.step-card,.step-card+.step-card{min-height:0;padding:21px 0;border-left:0}.step-card+.step-card{border-top:1px solid var(--line)}.step-rule{margin:19px 0 17px}.local-note{grid-template-columns:42px minmax(0,1fr);gap:15px;padding:28px 0}.local-note-icon{width:42px;height:42px}.local-note-specs{grid-column:2;grid-template-columns:repeat(3,auto);gap:8px;padding-top:1px}.local-note-specs span{font-size:8px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:9px;min-height:136px}.footer-links{gap:17px}.tool-main{padding-top:27px}.tool-page-heading{display:block;padding-bottom:17px}.tool-page-heading h1{font-size:clamp(27px,7vw,38px)}.tool-heading-status{margin-top:17px;padding-bottom:0}.editor-command-bar{gap:10px;min-height:54px;padding:7px 9px}.editor-command-file{gap:6px}.editor-command-file>span:last-child{display:none}.editor-command-file strong{max-width:175px}.editor-shell{display:flex;min-height:0;overflow:visible;flex-direction:column;border-radius:14px}.editor-shell:after,.editor-shell:before{display:none}.workspace-panel{order:1;min-height:0}.canvas-viewport{min-height:min(65vh,590px)}.editor-tools{order:2;align-items:stretch;flex-direction:row;gap:5px;overflow-x:auto;padding:7px 8px;border-top:1px solid var(--line);border-right:0;background:rgba(16,16,22,.94);scrollbar-width:none}.editor-tools::-webkit-scrollbar{display:none}.editor-tools-title,.tool-divider{display:none}.editor-tool-group{display:flex}.tool-button,.tool-button-muted{width:60px;min-height:49px;margin-top:0}.settings-panel{order:3;border-top:1px solid var(--line);border-left:0}.settings-section{padding-right:15px;padding-left:15px}.settings-section-info{padding-bottom:20px}.settings-bottom-action{position:static;margin-top:0;padding-right:15px;padding-left:15px}.tool-bottom-note{gap:10px 16px;padding-bottom:8px}.tool-bottom-note a{width:100%;margin-left:0}}@media (max-width:520px){.header-cta{font-size:10px}.hero-copy h1{letter-spacing:-.065em}.hero-lede{font-size:14px}.hero-lede-break{display:none}.hero-actions{align-items:center;flex-direction:column;gap:15px}.hero-actions .button{width:min(100%,260px)}.local-note-specs{grid-template-columns:1fr}.workspace-toolbar{align-items:flex-start;flex-direction:column;gap:9px;padding:11px 12px}.workspace-toolbar-actions{width:100%}.toolbar-import{margin-right:auto}.workspace-file-meta{display:none}.workspace-footer{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 12px}.workspace-bottom-controls{width:100%;justify-content:space-between;gap:8px}.workspace-hint{width:100%;white-space:normal}.empty-canvas-state{padding:27px 19px}.empty-canvas-actions{width:100%}.empty-canvas-actions .button{flex:1 1 auto}.editor-alert{right:10px;bottom:10px;left:10px;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}