:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f4f7fb;--bg-panel:#fff;--bg-panel-2:#f8fafc;--bg-raised:#eef3f7;--bg-input:#fff;--border:#d5dee8;--border-soft:#4d63782e;--text:#1c2733;--text-2:#4c5c6c;--text-3:#718092;--accent:#0d9f89;--accent-2:#087d6e;--accent-dim:#0d9f891f;--purple:#8056d9;--purple-dim:#8056d91f;--orange:#c97922;--danger:#c84758;--font:"Manrope", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"DM Mono", "Cascadia Mono", Consolas, monospace;--shadow:0 18px 50px #2d415524;--canvas-bg:#edf2f7;--checker-base:#e5ebf1;--checker-tile:#cfd8e2;--canvas-guide:#55697d2e;--slice-border:#0d9f89;--slice-border-strong:#087d6e;--slice-fill:#0d9f8909;--selection:#006f62;--selection-fill:#0d9f8921;--marquee-fill:#3880ef21;--label-bg:#fffffff0;--label-text:#34475a;--label-selected-bg:#0d9f89;--label-selected-text:#fff;--handle-fill:#fff;--handle-stroke:#087d6e;--candidate:#8056d9;--candidate-selected:#6841bb;--candidate-label:#6841bb;--candidate-fill:#8056d91f;--candidate-selected-fill:#8056d933;--grid-overlay:#3880ef3d;--grid-overlay-fill:#3880ef14}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0a0d12;--bg-panel:#11161e;--bg-panel-2:#151c25;--bg-raised:#1b2430;--bg-input:#0d1218;--border:#28323e;--border-soft:#8ba0b424;--text:#e8edf2;--text-2:#a5b0bc;--text-3:#71808f;--accent:#60dfc6;--accent-2:#2fb89e;--accent-dim:#60dfc621;--purple:#b68cff;--purple-dim:#b68cff24;--orange:#f6b96c;--danger:#f27b84;--shadow:0 18px 50px #00000042;--canvas-bg:#111820;--checker-base:#252e37;--checker-tile:#303b46;--canvas-guide:#ffffff0e;--slice-border:#60dfc6;--slice-border-strong:#2fb89e;--slice-fill:#60dfc609;--selection:#86f4dc;--selection-fill:#60dfc621;--marquee-fill:#60dfc61a;--label-bg:#14232af0;--label-text:#a5f9e9;--label-selected-bg:#2fb89e;--label-selected-text:#071a18;--handle-fill:#e8edf2;--handle-stroke:#2fb89e;--candidate:#b68cff;--candidate-selected:#d3bdff;--candidate-label:#d3bdff;--candidate-fill:#b68cff1f;--candidate-selected-fill:#b68cff38;--grid-overlay:#7dc1ff42;--grid-overlay-fill:#7dc1ff17}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg-app);color:var(--text);font-family:var(--font);font-size:12px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:radial-gradient(ellipse at 45% -30%, #2e5a6729, transparent 48%), var(--bg-app);grid-template-rows:64px minmax(0,1fr) 72px;height:100vh;min-height:680px;display:grid}.topbar{border-bottom:1px solid var(--border-soft);background:#0f141beb;align-items:center;gap:20px;padding:0 22px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:185px;display:flex}.brand-mark{width:28px;height:28px;box-shadow:none;background:0 0;border-radius:8px;place-items:center;padding:0;display:grid;overflow:visible;transform:none}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-name{letter-spacing:.1px;font-size:14px;font-weight:800;line-height:16px}.brand-subtitle{color:var(--text-3);letter-spacing:.6px;margin-top:2px;font-size:10px}.topbar-divider{background:var(--border);width:1px;height:25px}.project-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.project-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.local-badge{color:#86d7c7;white-space:nowrap;background:#4ebba71a;border:1px solid #4ebba738;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:inline-flex}.local-badge i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%}.topbar-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.history-actions{border-right:1px solid var(--border);align-items:center;gap:2px;margin-right:2px;padding-right:7px;display:flex}.history-actions .icon-btn:disabled{opacity:.3;cursor:not-allowed;background:0 0;border-color:#0000}.icon-btn,.mini-icon-btn{cursor:pointer;width:32px;height:32px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn svg,.mini-icon-btn svg,.tool-btn svg,.quick-action svg,.primary-btn svg,.secondary-btn svg,.danger-btn svg,.panel-note svg,.clean-actions svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.workspace{grid-template-columns:276px minmax(430px,1fr) 320px;min-height:0;display:grid}.sidebar{background:#11161ef0;min-height:0;overflow:hidden}.left-sidebar{border-right:1px solid var(--border-soft);flex-direction:column;display:flex}.right-sidebar{border-left:1px solid var(--border-soft);flex-direction:column;display:flex}.sidebar-scroll,.inspector-scroll{scrollbar-width:thin;scrollbar-color:#2c3946 transparent;min-height:0;overflow:auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.inspector-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#2b3743;border-radius:9px}.inspector-scroll::-webkit-scrollbar-thumb{background:#2b3743;border-radius:9px}.section-heading{height:25px;color:var(--text-2);letter-spacing:1px;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.muted-count{letter-spacing:0;color:var(--text-3);text-transform:none;font-size:10px;font-weight:500}.asset-card{border:1px solid var(--border);cursor:pointer;background:linear-gradient(145deg,#1e2833b3,#131921cc);border-radius:10px;padding:9px;transition:all .16s}.asset-preview{border:1px solid #ffffff12;border-radius:6px;justify-content:center;align-items:center;height:106px;display:flex;overflow:hidden}.asset-preview canvas{object-fit:contain;width:100%;height:100%;display:block}.asset-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.asset-details{color:var(--text-3);font-family:var(--mono);margin-top:4px;font-size:10px}.dot-sep{color:#536473;padding:0 4px}.asset-status{color:#7ecfbd;align-items:center;gap:6px;padding:2px 2px 0;font-size:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.drop-hint{color:var(--text-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 0 4px;font-size:10px;display:flex}.drop-hint:hover{color:var(--accent)}.drop-hint svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.sidebar-rule{background:var(--border-soft);height:1px;margin:17px 0 13px}.tool-grid{grid-template-columns:1fr 1fr 1fr;gap:5px;display:grid}.tool-btn{border:1px solid var(--border);cursor:pointer;min-height:58px;color:var(--text-2);background:#0d1218bf;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .15s;display:flex;position:relative}.tool-btn:hover{color:var(--text);background:#18212a;border-color:#3b4d5d}.tool-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#60dfc673}.tool-btn kbd{font-family:var(--mono);color:#61727e;font-size:8px;position:absolute;top:5px;right:5px}.quick-actions{flex-direction:column;gap:6px;margin-top:10px;display:flex}.quick-action{border:1px solid var(--border);text-align:left;cursor:pointer;background:#192029b8;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;transition:all .15s;display:flex}.quick-action:hover{background:#1d2833;border-color:#3b5060;transform:translateY(-1px)}.quick-action b{font-size:11px;font-weight:700;display:block}.quick-action small{color:var(--text-3);margin-top:2px;font-size:9px;display:block}.action-icon{border-radius:7px;flex:none;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.text-btn{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:4px;font-size:10px}.text-btn:hover{color:var(--danger)}.slice-list{flex-direction:column;gap:4px;margin-top:3px;display:flex}.slice-row{cursor:pointer;border:1px solid #0000;border-radius:7px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:37px;padding:5px 7px;display:grid}.slice-row:hover{border-color:var(--border-soft);background:#ffffff09}.slice-thumb{background-color:#29333d;background-image:linear-gradient(45deg,#34414c 25%,#0000 25%),linear-gradient(-45deg,#34414c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#34414c 75%),linear-gradient(-45deg,#0000 75%,#34414c 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #ffffff21;border-radius:4px;width:22px;height:22px;overflow:hidden}.slice-thumb canvas{object-fit:contain;width:100%;height:100%}.slice-row-info{min-width:0}.slice-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.slice-row-dim{font-family:var(--mono);color:var(--text-3);margin-top:2px;font-size:9px}.slice-row-index{font-family:var(--mono);color:var(--text-3);font-size:9px}.sidebar-footer{border-top:1px solid var(--border-soft);min-height:39px;color:var(--text-3);align-items:center;gap:7px;padding:0 15px;font-size:9px;display:flex}.tip-mark{color:#8a9aa7;background:#24313b;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.canvas-area{background:#0c1117;grid-template-rows:52px minmax(0,1fr) 34px;min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--border-soft);background:#0e131ae6;justify-content:space-between;align-items:center;padding:0 17px 0 20px;display:flex}.canvas-breadcrumb{color:var(--text-3);align-items:center;gap:8px;font-size:11px;display:flex}.active-breadcrumb{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-weight:600;overflow:hidden}.canvas-toolbar-actions{align-items:center;gap:10px;display:flex}.segmented{border:1px solid var(--border);background:#0d1319;border-radius:7px;padding:2px;display:flex}.seg-btn{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:10px}.zoom-control{border:1px solid var(--border);background:#0d1319;border-radius:7px;align-items:center;height:28px;display:flex;overflow:hidden}.zoom-control button{width:27px;height:100%;color:var(--text-2);cursor:pointer;background:0 0;border:0;font-size:15px}.zoom-control button:hover{color:var(--text);background:#202b36}.zoom-control span{font-family:var(--mono);color:var(--text-2);text-align:center;min-width:42px;font-size:10px}.canvas-stage{cursor:crosshair;background:#111820;min-height:0;position:relative;overflow:hidden}.canvas-stage.drag-over:after{content:"释放以导入 PNG";z-index:4;border:1px dashed var(--accent);color:#a5f9e9;pointer-events:none;background:#267c732e;border-radius:12px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:18px}.canvas-stage:before{content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}#viewportCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-empty{color:var(--text-2);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-icon{width:48px;height:48px;color:var(--accent);background:#60dfc60f;border:1px dashed #4a6470;border-radius:13px;justify-content:center;align-items:center;display:flex}.empty-icon svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linejoin:round;width:25px;height:25px}.selection-tooltip{z-index:3;pointer-events:none;color:var(--accent);font:10px var(--mono);background:#14232a;border:1px solid #60dfc659;border-radius:4px;padding:4px 7px;position:absolute;box-shadow:0 5px 12px #00000040}.canvas-statusbar{border-top:1px solid var(--border-soft);color:var(--text-3);font-size:9px;font-family:var(--mono);background:#0e141b;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.status-group{align-items:center;gap:7px;display:flex}.center-status{font-family:var(--font);color:var(--text-2);font-size:10px}.crosshair{border:1px solid #79909e;border-radius:50%;width:8px;height:8px;position:relative}.crosshair:before,.crosshair:after{content:"";background:#79909e;position:absolute}.crosshair:before{width:1px;height:12px;top:-3px;left:3px}.crosshair:after{width:12px;height:1px;top:3px;left:-3px}.bar-dot{background:#44525e;border-radius:50%;width:3px;height:3px}.inspector-tabs{border-bottom:1px solid var(--border-soft);background:#0e131acc;align-items:center;gap:1px;min-height:52px;padding:0 10px;display:flex}.inspector-tab{color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;height:52px;padding:0 8px;font-size:10px;position:relative}.inspector-tab:hover{color:var(--text-2)}.inspector-tab.active{color:var(--accent);font-weight:700}.inspector-tab.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:7px;right:7px}.inspector-panel{display:none}.inspector-panel.active{display:block}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:19px;display:flex}.panel-title-row h2{letter-spacing:.1px;margin:0;font-size:14px;font-weight:800;line-height:18px}.panel-title-row p{color:var(--text-3);margin:5px 0 0;font-size:10px;line-height:15px}.selected-chip,.panel-badge{font:10px var(--mono);color:var(--accent);background:var(--accent-dim);white-space:nowrap;border:1px solid #60dfc640;border-radius:5px;padding:4px 6px}.panel-badge.orange{color:var(--orange);background:#f6b96c1f;border-color:#f6b96c40}.no-selection{text-align:center;min-height:185px;color:var(--text-3);background:#0e13198c;border:1px dashed #33424f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-selection-icon{color:#728595;background:#1b2630;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.no-selection-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.form-field label,.color-row label{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.form-field label output{font:10px var(--mono);color:var(--accent)}.input-with-icon,.unit-input,.select-wrap{border:1px solid var(--border);background:var(--bg-input);border-radius:6px;align-items:center;height:31px;display:flex;position:relative}.input-with-icon input,.unit-input input,.select-wrap select{width:100%;height:100%;color:var(--text);font:11px var(--mono);background:0 0;border:0;outline:0;padding:0 9px}.input-with-icon input{font-family:var(--font);padding-right:30px}.input-with-icon svg{width:13px;height:13px;color:var(--text-3);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;position:absolute;right:8px}.unit-input span{color:var(--text-3);font:9px var(--mono);padding-right:8px}.field-grid{gap:8px;display:grid}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid.four{grid-template-columns:1fr 1fr;gap:10px 8px}.select-wrap select{appearance:none;font-family:var(--font);cursor:pointer;padding-right:25px}.select-wrap svg{pointer-events:none;width:13px;height:13px;color:var(--text-3);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;position:absolute;right:8px}.inspector-divider{background:var(--border-soft);height:1px;margin:17px 0 4px}.toggle-row{justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.toggle-row b{color:var(--text-2);font-size:10px;font-weight:700;display:block}.toggle-row small{color:var(--text-3);margin-top:3px;font-size:9px;line-height:13px;display:block}.switch{flex:none;width:34px;height:19px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{cursor:pointer;background:#283541;border:1px solid #3a4b59;border-radius:20px;transition:all .18s;position:absolute;inset:0}.switch span:before{content:"";background:#8495a2;border-radius:50%;width:13px;height:13px;transition:all .18s;position:absolute;top:2px;left:2px}.grid-size-field{margin-top:7px}.selection-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;display:grid}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:32px;padding:0 10px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.primary-btn{color:#071a18;background:linear-gradient(#3bc1a9,#2fa28f);border-color:#4edbc1;box-shadow:0 5px 15px #2fb89e29}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.secondary-btn{color:var(--text-2);background:#1a242e}.secondary-btn:hover{color:var(--text);background:#24313d;border-color:#415362}.ghost-btn{color:var(--text-3);background:0 0;border-color:#0000}.wide{width:100%;margin-top:9px}.panel-note{border-top:1px solid var(--border-soft);color:var(--text-3);align-items:flex-start;gap:7px;margin-top:20px;padding-top:14px;font-size:9px;line-height:14px;display:flex}.panel-note svg{color:#6f8b96;flex:none;width:14px;height:14px}.panel-note code{font-family:var(--mono);color:var(--accent)}.spinner{border:2px solid #ffffff61;border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.range-input{appearance:none;background:#2c3a46;border-radius:3px;outline:0;width:100%;height:4px;display:block}.range-input::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #0d191b;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #60dfc699}.range-input::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #0d191b;border-radius:50%;width:12px;height:12px}.param-card{border:1px solid var(--border-soft);background:#151d267a;border-radius:9px;padding:13px 12px}.result-header{color:var(--text-2);justify-content:space-between;align-items:center;margin:18px 0 9px;font-size:10px;font-weight:700;display:flex}.result-tools{align-items:center;gap:8px;display:flex}.result-header #detectCount{color:var(--purple);font:9px var(--mono)}.mini-text-btn{background:var(--purple-dim);color:#d3bdff;cursor:pointer;border:1px solid #b68cff40;border-radius:4px;padding:3px 6px;font-size:9px}.detect-result-empty{height:95px;color:var(--text-3);border:1px dashed #33424f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.detect-result-empty svg{fill:none;stroke:#77899a;stroke-width:1.4px;width:20px;height:20px}.detect-result-list{flex-direction:column;gap:4px;max-height:165px;display:flex;overflow:auto}.detect-row{border:1px solid var(--border-soft);font:9px var(--mono);color:var(--text-2);cursor:pointer;background:#0a0f1459;border-radius:6px;align-items:center;gap:7px;padding:7px;display:flex}.detect-row:hover,.detect-row.selected{background:#b68cff14;border-color:#b68cff6b}.detect-swatch{background:var(--purple);border-radius:2px;width:8px;height:8px}.detect-row button{color:var(--text-3);cursor:pointer;background:0 0;border:0;margin-left:auto}.detect-row button:hover{color:var(--danger)}.clean-preview{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;height:137px;margin-bottom:13px;display:flex;position:relative;overflow:hidden}.clean-preview canvas{object-fit:contain;width:100%;height:100%}.preview-label{color:var(--text-3);background:#090d11b8;border-radius:3px;padding:3px 5px;font-size:8px;position:absolute;top:6px;left:7px}.color-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.color-row small{color:var(--text-3);margin-top:3px;font-size:9px;display:block}.color-picker-wrap{border:1px solid var(--border);border-radius:6px;width:44px;height:28px;position:relative;overflow:hidden}.color-picker-wrap input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-picker-wrap span{background:#d8dbe4;width:100%;height:100%;display:block}.clean-actions{gap:8px;margin-top:13px;display:flex}.clean-actions .secondary-btn{flex:1}.grid-tip{color:var(--text-3);align-items:flex-start;gap:7px;margin-top:14px;font-size:9px;line-height:14px;display:flex}.grid-tip b{font-family:var(--mono);color:var(--text-2);font-weight:500}.tip-icon{color:#8ba0ae;border:1px solid #526675;border-radius:50%;flex:none;justify-content:center;align-items:center;width:15px;height:15px;font:10px Georgia;display:flex}.export-bar{border-top:1px solid var(--border-soft);background:#11171f;align-items:center;gap:20px;padding:0 20px;display:flex;box-shadow:0 -8px 30px #0000001f}.export-summary{align-items:center;gap:9px;min-width:175px;display:flex}.export-check{background:var(--accent-dim);width:28px;height:28px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.export-check svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.export-summary b{font-size:11px;display:block}.export-summary small{color:var(--text-3);margin-top:3px;font-size:9px;display:block}.export-options{align-items:center;gap:16px;margin-left:auto;display:flex}.check-label{color:var(--text-2);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.check-label input{display:none}.fake-check{background:#0d1319;border:1px solid #475967;border-radius:4px;width:14px;height:14px;position:relative}.check-label input:checked+.fake-check:after{content:"";border:2px solid #071a18;border-width:0 2px 2px 0;width:5px;height:8px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.export-actions{align-items:center;gap:8px;display:flex}.btn-caret{opacity:.7;border-left:1px solid #0000002e;margin-left:1px;padding-left:8px;font-size:13px}.toast-region{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:88px;right:20px}.toast{min-width:240px;max-width:360px;box-shadow:var(--shadow);background:#18232b;border:1px solid #30414b;border-radius:8px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:10px;animation:.25s toastIn;display:flex}.toast.warn .toast-icon{color:var(--orange)}.toast.error .toast-icon{color:var(--danger)}.toast b{font-size:10px;display:block}.toast span{color:var(--text-2);margin-top:2px;line-height:15px;display:block}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030609a8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:350px;box-shadow:var(--shadow);background:#151e27;border:1px solid #354451;border-radius:12px;padding:17px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.modal-head h3{margin:0;font-size:14px}.shortcut-grid{color:var(--text-2);grid-template-columns:1fr auto;align-items:center;gap:10px 16px;font-size:11px;display:grid}.shortcut-grid kbd{font:10px var(--mono);color:var(--accent);border:1px solid var(--border);background:#0d141a;border-radius:4px;padding:4px 6px}.setting-line{border-top:1px solid var(--border-soft);color:var(--text-2);justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;display:flex}@media (width<=1180px){.workspace{grid-template-columns:245px minmax(360px,1fr) 290px}.export-options{display:none}.brand-lockup{min-width:155px}.project-title-wrap{max-width:260px}}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-rows:60px auto 68px;height:auto;min-height:100vh}.workspace{grid-template-columns:220px minmax(0,1fr)}.right-sidebar{display:none}.canvas-area{height:calc(100vh - 128px);min-height:560px}.export-summary{min-width:auto}.canvas-toolbar{padding-left:12px}.topbar{gap:12px;padding:0 14px}}@media (width<=680px){.workspace{display:block}.left-sidebar{display:none}.canvas-area{height:calc(100vh - 128px)}.export-bar{gap:8px;padding:0 12px}.export-actions{margin-left:auto}.export-actions .secondary-btn,.export-summary small,.project-title-wrap,.topbar-divider,.segmented{display:none}}html{font-size:16px}body{background:var(--bg-app);color:var(--text);font-size:16px;line-height:1.45;transition:background-color .18s,color .18s}button,input,select{font-size:1rem}.app-shell{background:var(--bg-app);grid-template-rows:76px minmax(0,1fr) 84px}.topbar{background:var(--bg-panel);border-bottom-color:var(--border-soft);gap:24px;padding:0 28px;box-shadow:0 1px #18273508}.brand-lockup{gap:12px;min-width:220px}.brand-mark{border-radius:10px;width:38px;height:38px}.brand-name{font-size:17px;line-height:20px}.brand-subtitle{letter-spacing:.55px;font-size:12px}.topbar-divider{background:var(--border);height:30px}.project-title-wrap{gap:14px}.project-name{font-size:16px}.local-badge{color:var(--accent-2);background:var(--accent-dim);border-color:var(--accent);padding:6px 11px;font-size:12px}.local-badge i{width:6px;height:6px}.topbar-actions{gap:9px}.history-actions{border-right-color:var(--border);gap:3px;margin-right:3px;padding-right:10px}.icon-btn,.mini-icon-btn{width:38px;height:38px;color:var(--text-2);border-color:#0000}.icon-btn:hover,.mini-icon-btn:hover{color:var(--text);background:var(--bg-raised);border-color:var(--border)}.icon-btn svg,.mini-icon-btn svg,.tool-btn svg,.quick-action svg,.primary-btn svg,.secondary-btn svg,.danger-btn svg,.panel-note svg,.clean-actions svg{width:19px;height:19px}.icon-btn.small{width:34px;height:34px}.theme-toggle{border:1px solid var(--border);background:var(--bg-panel-2);width:auto;min-width:112px;height:38px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.theme-toggle:hover{background:var(--bg-raised);color:var(--text);border-color:var(--accent)}.theme-toggle svg{width:18px;height:18px}.theme-icon-moon,:root[data-theme=dark] .theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-moon{display:block}.github-link{border:1px solid var(--border);background:var(--bg-panel-2);min-width:106px;height:38px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.github-link:hover{background:var(--bg-raised);border-color:var(--accent);color:var(--text)}.github-link svg{fill:currentColor;stroke:none;width:19px;height:19px}.workspace{grid-template-columns:320px minmax(560px,1fr) 380px}.sidebar{background:var(--bg-panel)}.left-sidebar{border-right-color:var(--border-soft)}.right-sidebar{border-left-color:var(--border-soft)}.sidebar-scroll,.inspector-scroll{scrollbar-color:var(--border) transparent}.sidebar-scroll{padding:22px 19px 16px}.inspector-scroll{padding:26px 22px 22px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border)}.inspector-scroll::-webkit-scrollbar-thumb{background:var(--border)}.section-heading{letter-spacing:.8px;height:30px;font-size:13px}.compact-heading{margin-bottom:13px}.muted-count{font-size:12px}.mini-icon-btn{width:30px;height:30px}.mini-icon-btn svg{width:17px;height:17px}.asset-card{border-color:var(--border);background:linear-gradient(145deg, var(--bg-panel-2), var(--bg-panel));border-radius:11px;padding:12px}.asset-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #2d41551f}.asset-card.drag-over{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 2px var(--accent-dim), 0 8px 24px #2d41551f}.asset-preview{border-color:var(--border-soft);height:132px}.checkerboard{background-color:var(--checker-base);background-image:linear-gradient(45deg, var(--checker-tile) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-tile) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-tile) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-tile) 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.asset-meta{padding:10px 3px 4px}.asset-name{font-size:14px}.asset-details{margin-top:5px;font-size:12px}.dot-sep{color:var(--text-3)}.asset-status{color:var(--accent-2);gap:7px;padding-top:3px;font-size:12px}.status-dot{width:7px;height:7px}.drop-hint{gap:8px;padding:14px 0 5px;font-size:12px}.drop-hint svg{width:17px;height:17px}.sidebar-rule{background:var(--border-soft);margin:21px 0 16px}.tool-grid{gap:7px}.tool-btn{border-color:var(--border);background:var(--bg-panel-2);border-radius:9px;gap:7px;min-height:72px}.tool-btn:hover{border-color:var(--accent);color:var(--text);background:var(--bg-raised)}.tool-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-2)}.tool-btn svg{width:22px;height:22px}.tool-btn span{font-size:13px}.tool-btn kbd{color:var(--text-3);font-size:10px;top:6px;right:6px}.quick-actions{gap:8px;margin-top:13px}.quick-action{border-color:var(--border);background:var(--bg-panel-2);border-radius:9px;gap:12px;padding:11px 12px}.quick-action:hover{background:var(--bg-raised);border-color:var(--accent)}.quick-action b{font-size:14px}.quick-action small{margin-top:3px;font-size:12px}.action-icon{border-radius:8px;width:34px;height:34px}.action-icon svg{width:19px;height:19px}.auto-icon{color:var(--purple);background:var(--purple-dim)}.grid-icon{color:#3d89db;background:#3d89db1f}.clean-icon{color:var(--orange);background:#c979221f}.text-btn{color:var(--text-3);padding:5px;font-size:12px}.slice-list{gap:5px;margin-top:4px}.slice-row{border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;min-height:48px;padding:7px 9px}.slice-row:hover{background:var(--bg-raised);border-color:var(--border-soft)}.slice-row.active{background:var(--accent-dim);border-color:var(--accent)}.slice-thumb{border-color:var(--border-soft);background-color:var(--checker-base);background-image:linear-gradient(45deg, var(--checker-tile) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-tile) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-tile) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-tile) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;width:28px;height:28px}.slice-row-name{font-size:13px}.slice-row-dim,.slice-row-index{color:var(--text-3);font-size:11px}.sidebar-footer{border-top-color:var(--border-soft);min-height:46px;color:var(--text-3);padding:0 19px;font-size:12px}.tip-mark{background:var(--bg-raised);width:19px;height:19px;color:var(--text-2);font-size:12px}.canvas-area{background:var(--canvas-bg);grid-template-rows:62px minmax(0,1fr) 40px}.canvas-toolbar{border-bottom-color:var(--border-soft);background:var(--bg-panel);padding:0 23px 0 26px}.canvas-breadcrumb{gap:10px;font-size:13px}.slash{color:var(--text-3)}.active-breadcrumb{color:var(--text-2);max-width:340px}.canvas-toolbar-actions{gap:12px}.segmented{border-color:var(--border);background:var(--bg-panel-2);border-radius:8px;padding:3px}.seg-btn{color:var(--text-3);border-radius:6px;padding:7px 11px;font-size:13px}.seg-btn.active{color:var(--text);background:var(--bg-raised);box-shadow:0 1px 2px #2837461f}.zoom-control{border-color:var(--border);background:var(--bg-panel-2);border-radius:8px;height:34px}.zoom-control button{width:33px;color:var(--text-2);font-size:18px}.zoom-control button:hover{background:var(--bg-raised);color:var(--text)}.zoom-control span{min-width:50px;font-size:13px}.canvas-stage{background:var(--canvas-bg)}.canvas-stage:before{opacity:1;background-image:linear-gradient(var(--canvas-guide) 1px, transparent 1px), linear-gradient(90deg, var(--canvas-guide) 1px, transparent 1px);background-size:32px 32px}.canvas-stage.drag-over:after{background:var(--accent-dim);color:var(--accent-2);font-size:16px}.stage-empty{color:var(--text-2);gap:10px}.stage-empty b{font-size:18px}.stage-empty span{color:var(--text-3);font-size:14px}.empty-icon{border-color:var(--text-3);background:var(--accent-dim);width:56px;height:56px}.empty-icon svg{width:29px;height:29px}.selection-tooltip{background:var(--label-bg);color:var(--label-text);border-color:var(--slice-border);padding:5px 8px;font-size:12px;box-shadow:0 5px 12px #14283729}.canvas-statusbar{border-top-color:var(--border-soft);color:var(--text-3);background:var(--bg-panel);padding:0 22px;font-size:12px}.center-status{color:var(--text-2);font-size:13px}.crosshair{border-color:var(--text-3)}.crosshair:before,.crosshair:after,.bar-dot{background:var(--text-3)}.inspector-tabs{border-bottom-color:var(--border-soft);background:var(--bg-panel);min-height:62px;padding:0 13px}.inspector-tab{height:62px;padding:0 11px;font-size:14px}.inspector-tab.active{color:var(--accent-2)}.inspector-tab.active:after{background:var(--accent);left:9px;right:9px}.panel-title-row{margin-bottom:23px}.panel-title-row h2{font-size:18px;line-height:23px}.panel-title-row p{margin-top:6px;font-size:13px;line-height:18px}.selected-chip,.panel-badge{color:var(--accent-2);background:var(--accent-dim);border-color:var(--accent);padding:5px 8px;font-size:12px}.panel-badge{color:var(--purple);background:var(--purple-dim);border-color:var(--purple);font-size:11px}.panel-badge.violet{color:var(--purple)}.panel-badge.orange{color:var(--orange);border-color:var(--orange);background:#c979221f}.no-selection{border-color:var(--border);background:var(--bg-panel-2);min-height:220px}.no-selection b{color:var(--text-2);margin-top:13px;font-size:14px}.no-selection span{margin-top:7px;font-size:13px;line-height:19px}.no-selection-icon{width:46px;height:46px;color:var(--text-2);background:var(--bg-raised)}.no-selection-icon svg{width:24px;height:24px}.form-field{margin-bottom:16px}.form-field label,.color-row label{color:var(--text-2);margin-bottom:8px;font-size:14px}.form-field label output{font-size:12px}.input-with-icon,.unit-input,.select-wrap{border-color:var(--border);background:var(--bg-input);border-radius:7px;height:38px}.input-with-icon:focus-within,.unit-input:focus-within,.select-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-with-icon input,.unit-input input,.select-wrap select{color:var(--text);padding:0 11px;font-size:14px}select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{background-color:var(--bg-input);color:var(--text)}.input-with-icon input{padding-right:34px}.input-with-icon svg,.select-wrap svg{width:16px;height:16px;color:var(--text-3);right:10px}.unit-input span{color:var(--text-3);padding-right:10px;font-size:12px}.field-grid{gap:10px}.field-grid.four{gap:12px 10px}.inspector-divider{background:var(--border-soft);margin:21px 0 5px}.toggle-row{gap:10px;padding:13px 0}.toggle-row b{color:var(--text-2);font-size:14px}.toggle-row small{margin-top:4px;font-size:12px;line-height:17px}.switch{width:42px;height:23px}.switch span{background:var(--bg-raised);border-color:var(--border)}.switch span:before{background:var(--text-3);width:15px;height:15px;top:3px;left:3px}.switch input:checked+span{background:var(--accent-dim);border-color:var(--accent)}.switch input:checked+span:before{background:var(--accent);transform:translate(19px)}.selection-actions{gap:9px;margin-top:22px}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{border-radius:7px;height:40px;padding:0 13px;font-size:14px}.primary-btn{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-color:var(--accent);color:#fff;box-shadow:0 5px 15px var(--accent-dim)}.secondary-btn{background:var(--bg-raised);color:var(--text-2);border-color:var(--border)}.secondary-btn:hover{background:var(--bg-panel-2);color:var(--text);border-color:var(--accent)}.danger-btn{color:var(--danger);background:#c8475814;border-color:#c8475847}.danger-btn:hover{background:#c8475829}.ghost-btn{color:var(--text-3);border-color:#0000}.ghost-btn:hover{color:var(--text-2);background:var(--bg-raised)}.wide{margin-top:11px}.panel-note{border-top-color:var(--border-soft);gap:9px;margin-top:23px;padding-top:17px;font-size:12px;line-height:18px}.panel-note svg{width:17px;height:17px;color:var(--text-3)}.panel-note code{color:var(--accent-2)}.spinner{border-color:var(--border);border-top-color:currentColor}.spinner.dark{border-color:currentColor #00000024 #00000024}.range-input{background:var(--border);height:6px}.range-input::-webkit-slider-thumb{background:var(--accent);border-color:var(--bg-panel);width:17px;height:17px;box-shadow:0 0 0 1px var(--accent)}.range-input::-moz-range-thumb{background:var(--accent);border-color:var(--bg-panel);width:15px;height:15px}.param-card{border-color:var(--border-soft);background:var(--bg-panel-2);border-radius:10px;padding:16px 14px}.result-header{color:var(--text-2);margin:22px 0 11px;font-size:14px}.result-header #detectCount{color:var(--purple);font-size:12px}.mini-text-btn{border-color:var(--purple);background:var(--purple-dim);color:var(--purple);padding:5px 8px;font-size:12px}.mini-text-btn:hover{background:#8056d933}.detect-result-empty{border-color:var(--border);height:118px;color:var(--text-3);font-size:13px}.detect-result-empty svg{width:24px;height:24px;stroke:var(--text-3)}.detect-result-list{gap:5px;max-height:210px}.detect-row{border-color:var(--border-soft);background:var(--bg-panel-2);color:var(--text-2);gap:9px;padding:9px;font-size:12px}.detect-row:hover,.detect-row.selected{border-color:var(--purple);background:var(--purple-dim)}.detect-swatch{background:var(--candidate);width:10px;height:10px}.detect-row button{color:var(--text-3);font-size:16px}.clean-preview{border-color:var(--border);background:var(--bg-panel-2);height:165px;margin-bottom:16px}.preview-label{background:var(--label-bg);color:var(--label-text);padding:4px 6px;font-size:11px;top:8px;left:8px}.color-row{margin-bottom:13px}.color-row small{margin-top:4px;font-size:12px}.color-picker-wrap{border-color:var(--border);width:52px;height:34px}.clean-actions{gap:10px;margin-top:16px}.clean-actions .ghost-btn{width:82px}.grid-tip{color:var(--text-3);gap:9px;margin-top:17px;font-size:12px;line-height:18px}.tip-icon{border-color:var(--text-3);width:18px;height:18px;color:var(--text-2);font-size:12px}.export-bar{border-top-color:var(--border-soft);background:var(--bg-panel);gap:24px;padding:0 26px;box-shadow:0 -8px 30px #283c5014}.export-summary{gap:11px;min-width:220px}.export-check{background:var(--accent-dim);width:34px;height:34px;color:var(--accent-2)}.export-check svg{width:19px;height:19px}.export-summary b{font-size:14px}.export-summary small{margin-top:4px;font-size:12px}.export-options{gap:19px}.check-label{color:var(--text-2);gap:8px;font-size:13px}.fake-check{border-color:var(--border);background:var(--bg-input);width:17px;height:17px}.check-label input:checked+.fake-check{background:var(--accent-2);border-color:var(--accent)}.check-label input:checked+.fake-check:after{border-color:var(--label-selected-text)}.export-actions{gap:10px}.export-zip-btn{height:44px;color:var(--accent-2);border-color:var(--accent);padding:0 15px}.export-zip-btn:hover{color:var(--text);background:var(--accent-dim)}.export-btn{height:44px;padding:0 15px;font-size:14px}.btn-caret{font-size:16px}.toast-region{gap:10px;bottom:102px;right:26px}.toast{border-color:var(--border);background:var(--bg-panel);min-width:280px;max-width:430px;box-shadow:var(--shadow);padding:14px 16px;font-size:13px}.toast.success{border-color:var(--accent)}.toast.warn{border-color:var(--orange)}.toast.error{border-color:var(--danger)}.toast-icon{color:var(--accent);font-size:16px}.toast b{font-size:13px}.toast span{color:var(--text-2);margin-top:3px;line-height:19px}.modal-backdrop{background:#121d287a}.modal-card{border-color:var(--border);background:var(--bg-panel);width:420px;box-shadow:var(--shadow);border-radius:13px;padding:22px}.modal-head{margin-bottom:19px}.modal-head h3{font-size:18px}.shortcut-grid{color:var(--text-2);gap:12px 20px;font-size:14px}.shortcut-grid kbd{color:var(--accent-2);background:var(--bg-panel-2);border-color:var(--border);padding:5px 8px;font-size:12px}.setting-line{border-top-color:var(--border-soft);color:var(--text-2);padding:16px 0;font-size:14px}.setting-select{min-width:160px}.setting-select select{font-size:14px}.tool-btn kbd,.slice-row-dim,.slice-row-index,.panel-badge,.preview-label{font-size:12px}:root[data-theme=dark] .topbar,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .canvas-toolbar,:root[data-theme=dark] .inspector-tabs,:root[data-theme=dark] .canvas-statusbar,:root[data-theme=dark] .export-bar{box-shadow:none}:root[data-theme=dark] .primary-btn{color:#071a18}@media (width<=1500px){.workspace{grid-template-columns:290px minmax(440px,1fr) 340px}.brand-lockup{min-width:195px}.topbar{gap:18px;padding:0 22px}.export-options{gap:13px}}@media (width<=1180px){.workspace{grid-template-columns:270px minmax(380px,1fr) 320px}.topbar{gap:14px;padding:0 17px}.brand-lockup{min-width:175px}.brand-name{font-size:15px}.project-name{font-size:14px}.theme-toggle{width:42px;min-width:42px;padding:0}.theme-toggle span{display:none}.github-link{width:42px;min-width:42px;padding:0}.github-link span,.export-options{display:none}}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-rows:68px auto 78px;height:auto;min-height:100vh}.workspace{grid-template-columns:240px minmax(0,1fr)}.right-sidebar{display:none}.canvas-area{height:calc(100vh - 146px);min-height:560px}.topbar{gap:11px;padding:0 14px}.brand-lockup{min-width:150px}.brand-mark{width:30px;height:30px}.brand-subtitle{font-size:11px}.project-title-wrap{max-width:220px}.export-bar{gap:10px;padding:0 16px}.export-summary{min-width:auto}}@media (width<=680px){.workspace{display:block}.left-sidebar{display:none}.canvas-area{height:calc(100vh - 146px)}.export-bar{gap:8px;padding:0 12px}.export-actions{margin-left:auto}.export-actions .secondary-btn,.export-summary small,.project-title-wrap,.topbar-divider,.segmented{display:none}.modal-card{width:calc(100vw - 28px);padding:18px}}