@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-sc-chinese-simplified-400-normal-Ba7eOkfT.woff2)format("woff2"),url(/assets/noto-sans-sc-chinese-simplified-400-normal-DUWMQbbw.woff)format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-sc-chinese-simplified-600-normal-CI4uXaOp.woff2)format("woff2"),url(/assets/noto-sans-sc-chinese-simplified-600-normal-COCWX0Xz.woff)format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-sc-chinese-simplified-700-normal-DoUziBww.woff2)format("woff2"),url(/assets/noto-sans-sc-chinese-simplified-700-normal-DdQ4H5Ol.woff)format("woff")}:root{--bg:#f7f8fa;--bg2:#f3f5f9;--panel:#fff;--panel2:#fff;--stroke:#1118271a;--stroke2:#11182729;--text:#111827eb;--muted:#111827a8;--muted2:#11182785;--shadow:0 18px 50px #11182714;--shadow2:0 12px 28px #1118271a;--radius:14px;--radius2:10px;--accent:#0b5cff;--accent2:#00c2ff;--accentGlow:#0b5cff2e;--danger:#ef4444;--ok:#16a34a}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 800px at 18% 8%, #0b5cff14, transparent 62%), radial-gradient(1100px 760px at 84% 12%, #00c2ff12, transparent 62%), linear-gradient(to bottom, var(--bg), var(--bg2));margin:0;font-family:Inter,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}html,body{overscroll-behavior:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#0b5cff2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#11182729 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#11182738}::-webkit-scrollbar-track{background:#1118270f}.appRoot{min-height:100vh}.appMain{padding:18px}.page{max-width:1280px;margin:0 auto}.pageHeader{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.pageTitle{letter-spacing:.2px;font-size:18px;font-weight:650}.pageDesc{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.workspace{grid-template-columns:360px 1fr;gap:14px;display:grid}.hsWorkspaceSticky{align-items:start}@media (width>=981px){.hsToolPage{max-width:1400px}.hsToolWorkspace{height:calc(100vh - 152px);overflow:hidden}.hsPanelSticky{align-self:start;position:sticky;top:86px}.panel.hsPanelScroll{max-height:calc(100vh - 152px);overflow:auto}.hsPreviewPanel{flex-direction:column;height:calc(100vh - 152px);display:flex}.hsPreviewPanel .canvasWrap{flex:1;min-height:0}.hsCanvasContext{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}}.hsFloatBar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #1118271a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 14px 34px #1118271a}.hsFloatTitle{color:#111827b8;white-space:nowrap;font-size:12px;font-weight:700}.hsFloatControls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.hsToolPills{align-items:center;gap:6px;margin-right:4px;padding-right:2px;display:flex}.hsToolPill{cursor:pointer;color:#111827c7;background:#fff;border:1px solid #1118271a;border-radius:999px;height:26px;padding:0 9px;font-size:12px}.hsToolPill[data-on="1"]{color:#0b5cffeb;background:#0b5cff1a;border-color:#0b5cff73}.hsCanvasTools{border-right:1px solid #11182714;align-items:center;gap:6px;margin-right:4px;padding-right:2px;display:flex}.hsZoomBadge{text-align:center;color:#111827b3;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #1118271a;border-radius:9px;min-width:54px;height:26px;padding:0 8px;font-size:12px;line-height:26px}.hsFloatLabel{color:#1118278c;font-size:12px}.hsMiniRange{width:140px;height:18px}.hsMiniSelect{background:#fff;border:1px solid #1118271a;border-radius:9px;height:26px;padding:0 8px;font-size:12px}.hsMiniColor{background:#fff;border:1px solid #1118271a;border-radius:9px;width:34px;height:26px;padding:2px 4px}.hsMiniBtn{cursor:pointer;color:#111827c7;background:#fff;border:1px solid #1118271a;border-radius:9px;height:26px;padding:0 9px;font-size:12px}.hsMiniBtn[data-on="1"]{background:#0b5cff1a;border-color:#0b5cff73}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panelHeader{border-bottom:1px solid var(--stroke);background:linear-gradient(#11182708,#0000);padding:10px 10px 8px}.panelHeaderTitle{color:#111827cc;font-size:13px;font-weight:650}.panelBody{flex-direction:column;gap:9px;padding:10px;display:flex}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.rowCol{flex-direction:column;gap:6px;display:flex}.label{color:var(--muted);font-size:12px}.help{color:var(--muted);font-size:12px;line-height:1.4}.kbd{border:1px solid var(--stroke);color:var(--muted2);background:#11182708;border-radius:8px;padding:2px 6px;font-size:11px}.input,.select,.textarea{border-radius:var(--radius2);border:1px solid var(--stroke);background:#fff;outline:none;width:100%;padding:7px 9px;font-size:12px;line-height:1.2}.input:hover,.select:hover,.textarea:hover{border-color:var(--stroke2)}.input:focus,.select:focus,.textarea:focus{border-color:#0b5cff99;box-shadow:0 0 0 3px #0b5cff24}.textarea{resize:vertical;min-height:84px}.btn{border-radius:var(--radius2);border:1px solid var(--stroke);cursor:pointer;background:#fff;padding:7px 9px;font-size:12px;line-height:1.2}.btnPrimary{background:#0b5cff1a;border-color:#0b5cff99;box-shadow:0 10px 24px #0b5cff14}.btn:hover{border-color:var(--stroke2);background:#11182705}.btnPrimary:hover{background:#0b5cff24;border-color:#0b5cffb8}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:active{transform:translateY(1px)}.canvasWrap{flex-direction:column;gap:9px;padding:10px;display:flex}.stage{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow2);touch-action:none;background:linear-gradient(#fff,#ffffffeb);border:1px solid #1118271a;border-radius:16px;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stageOverlay{pointer-events:none;background:linear-gradient(#11182708,#0000 30%),radial-gradient(900px 600px at 25% 20%,#0b5cff0d,#0000 55%);position:absolute;inset:0}.pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill{color:#11182785;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:0;font-size:12px}.pill:before{content:"•";color:#0b5cffb3;margin-right:8px;display:inline-block}.layerRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.layerRow:hover{border-color:#11182724}.layerLeft{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.layerInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.layerTitle{min-width:0;font-size:12px;font-weight:650}.layerName{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.layerMeta{color:#1118278c;font-size:12px}.layerActions{opacity:0;pointer-events:none;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;transition:opacity .12s,transform .12s;display:flex;transform:translateY(-1px)}.layerRow:hover .layerActions,.layerRow:focus-within .layerActions,.layerRow[style*="rgba(11,92,255"] .layerActions{opacity:1;pointer-events:auto;transform:translateY(0)}.iconBtn{cursor:pointer;color:#111827c7;background:#fff;border:1px solid #1118271a;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:14px;line-height:1;display:flex}.iconBtn:hover{background:#11182705;border-color:#11182729}.iconBtn:active{transform:translateY(1px)}.iconSvg{width:14px;height:14px;display:block}.figmaMenu{border:1px solid #1118271a;border-radius:12px}.figmaMenuBody{padding:8px;gap:4px!important}.figmaMenuTitle{color:#1118278c;-webkit-user-select:none;user-select:none;padding:4px 6px 6px;font-size:12px}.figmaMenuDivider{background:#11182714;height:1px;margin:4px 0}.figmaMenuItem{text-align:left;color:#111827db;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;width:100%;height:28px;padding:0 9px;font-size:12px}.figmaMenuItem:hover{background:#1118270a}.figmaMenuItem:disabled{opacity:.45;cursor:not-allowed}.figmaMenuItem.danger{color:#ef4444f2}@media (width<=980px){.workspace{grid-template-columns:1fr}}.hsToastViewport{z-index:2147483647;outline:none;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 24px);margin:0;padding:0;list-style:none;display:flex;position:fixed;bottom:16px;right:16px}.hsToastRoot{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #1118271a;border-radius:12px;gap:4px;padding:10px 34px 10px 12px;display:grid;position:relative;box-shadow:0 18px 40px #1118271f}.hsToastTitle{color:#111827e0;font-size:12px;font-weight:700}.hsToastDesc{color:#111827b3;font-size:12px;line-height:1.35}.hsToastClose{color:#111827a6;cursor:pointer;background:#ffffffe6;border:1px solid #1118271a;border-radius:8px;width:22px;height:22px;position:absolute;top:8px;right:8px}.hsToastClose:hover{background:#11182708;border-color:#11182724}.hsRadixMenu{z-index:2147482000;outline:none;width:190px;box-shadow:0 18px 50px #1118272e}.hsCanvasContext{width:100%}.figmaMenuItem[data-highlighted]{background:#1118270a}.figmaMenuItem[data-disabled]{opacity:.45;cursor:not-allowed}.hsMenuKbd{float:right;color:#1118278c;background:#11182708;border:1px solid #1118271a;border-radius:8px;margin-left:10px;padding:1px 6px;font-size:11px}[data-radix-popper-content-wrapper]{z-index:2147482000!important}.hsTooltipContent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#111827d1;-webkit-user-select:none;user-select:none;background:#ffffffeb;border:1px solid #1118271a;border-radius:10px;outline:none;padding:8px 10px;font-size:12px;box-shadow:0 18px 40px #1118271f}.hsTooltipArrow{fill:#ffffffeb;filter:drop-shadow(0 6px 10px #1118271a)}.nav[data-v-e013f8d7]{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f7f8fadb;border-bottom:1px solid #1118271a;position:sticky;top:0;box-shadow:0 6px 18px #1118270f}.navInner[data-v-e013f8d7]{justify-content:space-between;align-items:center;gap:14px;max-width:1280px;margin:0 auto;padding:12px 18px;display:flex}.brand[data-v-e013f8d7]{align-items:center;gap:10px;display:flex}.logo[data-v-e013f8d7]{background:radial-gradient(18px 18px at 30% 30%,#ffffffe6,#fff0),linear-gradient(135deg,#0b5cfff2,#00c2ffb3);border-radius:10px;width:34px;height:34px;box-shadow:0 10px 28px #0b5cff1a}.brandTitle[data-v-e013f8d7]{letter-spacing:.2px;font-size:14px;font-weight:750}.brandSub[data-v-e013f8d7]{color:#1118278c;margin-top:2px;font-size:12px}.tabs[data-v-e013f8d7]{border-radius:12px;flex-wrap:wrap;justify-content:flex-end;gap:2px;padding:2px;display:flex}.tab[data-v-e013f8d7]{background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 10px 9px;font-size:12px;transition:background .15s,color .15s;position:relative}.tab[data-v-e013f8d7]:hover{background:#11182709}.tab.active[data-v-e013f8d7]{color:#0b5cfffa;background:#0b5cff14}.tab.active[data-v-e013f8d7]:after{content:"";background:#0b5cffeb;border-radius:999px;height:2px;position:absolute;bottom:6px;left:10px;right:10px}.range[data-v-055898e2]{width:100%}.val[data-v-055898e2]{text-align:right;color:#ffffffb8;width:90px;font-size:12px}.toast[data-v-674fc76f]{z-index:9999;color:#111827e0;background:#ffffffeb;border:1px solid #1118271f;border-radius:12px;padding:10px 12px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #1118271f}