.icon-pack-tool[data-v-e525602d]{position:fixed;inset:0 0 0 var(--sidebar-width, 220px);z-index:1000;display:flex;flex-direction:column;background:var(--gradient-hero);color:#f8fafc;transition:left .3s cubic-bezier(.16,1,.3,1),inset .3s cubic-bezier(.16,1,.3,1);--sidebar-width: 220px}.icon-pack-tool[data-sidebar-collapsed=true][data-v-e525602d]{--sidebar-width: 56px}.editor-container[data-v-e525602d]{flex:1;min-height:0;display:flex;overflow:hidden;background:#0f0f10}.canvas-area[data-v-e525602d]{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:#070708}.icon-pack-tool .controls-panel.editor-controls-panel[data-v-e525602d]{gap:8px!important;padding:14px!important}.preview-shell[data-v-e525602d]{width:min(720px,calc(100% - 48px));max-height:calc(100vh - 126px);display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;min-height:0}.icon-preview-zoom-layer[data-v-e525602d]{transform-origin:0 0}.preview-board[data-v-e525602d]{width:min(520px,100%);max-height:min(520px,calc(100vh - 260px));aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#19191c}.preview-checker[data-v-e525602d]{width:min(360px,76%);aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%),#0f1115;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;overflow:hidden}.preview-checker img[data-v-e525602d],.size-icon img[data-v-e525602d]{width:100%;height:100%;object-fit:contain}.preview-strip[data-v-e525602d]{width:100%;flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.preview-size[data-v-e525602d]{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#cbd5e1;font-size:var(--font-size-sm, .85rem);font-weight:700}.size-icon[data-v-e525602d]{width:34px;height:34px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:#ffffff14}.control-section[data-v-e525602d],.result-section[data-v-e525602d],.code-section[data-v-e525602d],.advice-card[data-v-e525602d]{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.section-title[data-v-e525602d]{margin-bottom:8px;font-size:var(--font-size-md, 1rem);font-weight:900;color:#f8fafc;line-height:1.3}.preset-list[data-v-e525602d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.preset-card[data-v-e525602d]{display:flex;align-items:flex-start;gap:8px;min-height:52px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#202023;cursor:pointer}.preset-card input[data-v-e525602d]{width:16px;height:16px;margin-top:1px;flex:0 0 auto;accent-color:#7c3aed}.preset-card span[data-v-e525602d]{display:flex;flex-direction:column;gap:2px;min-width:0}.preset-card strong[data-v-e525602d]{color:#f8fafc;font-size:var(--font-size-sm, .85rem);line-height:1.2}.preset-card em[data-v-e525602d]{color:#9ca3af;font-size:var(--font-size-sm, .85rem);line-height:1.25;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fit-toggle[data-v-e525602d]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fit-toggle button[data-v-e525602d]{height:40px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#202023;color:#cbd5e1;font-size:var(--font-size-sm, .85rem);font-weight:800;cursor:pointer}.fit-toggle button.active[data-v-e525602d]{border-color:#7c3aedb3;background:#6d4cc2;color:#fff}.color-row[data-v-e525602d]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#cbd5e1;font-size:var(--font-size-sm, .85rem);font-weight:800}.background-controls[data-v-e525602d]{display:flex;align-items:center;gap:8px}.background-mode-btn[data-v-e525602d]{height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#202023;color:#cbd5e1;font-size:var(--font-size-sm, .85rem);font-weight:900;cursor:pointer}.background-mode-btn.active[data-v-e525602d]{border-color:#7c3aedbf;background:#6d4cc2;color:#fff}.background-color-input[data-v-e525602d]{width:46px;height:32px;border:0;border-radius:8px;background:transparent;cursor:pointer}.action-buttons[data-v-e525602d]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-buttons .btn[data-v-e525602d]{width:100%;min-height:38px;padding:0 12px;border-radius:8px;font-size:var(--font-size-sm, .85rem);font-weight:900;line-height:1.2}.result-list[data-v-e525602d]{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.result-item[data-v-e525602d]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#202023;color:#f8fafc;cursor:pointer}.result-item span[data-v-e525602d]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.result-item strong[data-v-e525602d]{flex:0 0 auto;color:#9ca3af;font-size:var(--font-size-sm, .85rem)}.code-title[data-v-e525602d]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:var(--font-size-md, 1rem);font-weight:900}.code-title button[data-v-e525602d]{border:0;background:transparent;color:#c4b5fd;font-size:var(--font-size-sm, .85rem);font-weight:900;cursor:pointer}.code-section pre[data-v-e525602d]{max-height:180px;margin:0;padding:14px;overflow:auto;border:1px solid rgba(124,58,237,.3);border-radius:8px;background:#0f1117;color:#e0e7ff;font-size:var(--font-size-sm, .85rem);line-height:1.6;white-space:pre-wrap;word-break:break-all}.advice-card[data-v-e525602d]{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;color:#999}.advice-title[data-v-e525602d]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#34d399;font-size:var(--font-size-sm, .85rem);font-weight:600}.advice-content[data-v-e525602d]{display:flex;flex-direction:column;gap:3px}.advice-content p[data-v-e525602d]{margin:0;color:#999;font-size:var(--font-size-sm, .85rem);font-weight:400;line-height:1.5}.hidden-input[data-v-e525602d]{display:none}@media (max-width: 768px){.icon-pack-tool[data-v-e525602d]{top:0;right:0;bottom:0;left:0;--sidebar-width: 0px}.editor-container[data-v-e525602d]{flex-direction:column;overflow-y:auto}.canvas-area[data-v-e525602d]{min-height:52vh}.preview-shell[data-v-e525602d]{width:calc(100% - 32px);max-height:none}.preview-strip[data-v-e525602d]{grid-template-columns:repeat(2,minmax(0,1fr))}}