.spike-container.svelte-1jn8cqz{max-width:900px;margin:0 auto;padding:20px;height:100vh;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}header.svelte-1jn8cqz{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}h1.svelte-1jn8cqz{font-size:20px}h2.svelte-1jn8cqz{font-size:16px;margin-bottom:12px}.card.svelte-1jn8cqz{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.grid.svelte-1jn8cqz{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.metric.svelte-1jn8cqz{display:flex;flex-direction:column;gap:4px}.label.svelte-1jn8cqz{font-size:12px;color:var(--text-secondary)}.val.svelte-1jn8cqz{font-weight:600}.monospace.svelte-1jn8cqz{font-family:monospace;font-size:11px;word-break:break-all}.green.svelte-1jn8cqz{color:#22c55e}.red.svelte-1jn8cqz{color:#ef4444}.primary.svelte-1jn8cqz{background:var(--accent);color:#fff;font-weight:600}.primary.svelte-1jn8cqz:hover{background:var(--accent-hover)}.canvas-wrap.svelte-1jn8cqz{width:100%;height:320px;background:#000;border-radius:6px;overflow:hidden;touch-action:none}canvas.svelte-1jn8cqz{width:100%;height:100%;display:block;cursor:crosshair}.hint.svelte-1jn8cqz{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.json-viewer.svelte-1jn8cqz{display:flex;flex-direction:column;gap:8px;border-color:var(--accent)}.json-header.svelte-1jn8cqz{display:flex;justify-content:space-between;align-items:center}.json-actions.svelte-1jn8cqz{display:flex;gap:8px}.json-textarea.svelte-1jn8cqz{width:100%;height:180px;background:#000;color:#0f6;font-family:monospace;font-size:11px;border:1px solid var(--border-color);border-radius:4px;padding:8px;resize:vertical;white-space:pre}.frame-backdrop.svelte-jnw8ms{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0c10e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:12px}.frame-modal-card.svelte-jnw8ms{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 16px 40px #00000080;width:100%;max-width:760px;height:85vh;max-height:820px;display:flex;flex-direction:column;overflow:hidden}.frame-header.svelte-jnw8ms{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.frame-title-group.svelte-jnw8ms{display:flex;align-items:center;gap:12px}.frame-title-group.svelte-jnw8ms h3:where(.svelte-jnw8ms){margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.grid-badge.svelte-jnw8ms{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent-text)}.icon-btn.svelte-jnw8ms{background:transparent;border:none;color:var(--text-secondary);padding:6px;border-radius:var(--radius-sm);cursor:pointer}.icon-btn.svelte-jnw8ms:hover{color:var(--text-primary);background:var(--bg-tertiary)}.frame-workspace.svelte-jnw8ms{position:relative;flex:1;min-height:0;background:#080a0f;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.source-display-img.svelte-jnw8ms{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center center;transition:transform .15s ease}.crop-dim-overlay.svelte-jnw8ms{position:absolute;pointer-events:none;background:#0000008c}.crop-box.svelte-jnw8ms{position:absolute;box-sizing:border-box;border:2px solid #ffffff;box-shadow:0 0 0 1px #000000b3,0 0 12px #0006;cursor:move;touch-action:none}.thirds-line.svelte-jnw8ms{position:absolute;pointer-events:none;border:.5px dashed rgba(255,255,255,.5)}.thirds-line.horizontal.svelte-jnw8ms{width:100%;height:0}.thirds-line.horizontal.line-1.svelte-jnw8ms{top:33.33%}.thirds-line.horizontal.line-2.svelte-jnw8ms{top:66.66%}.thirds-line.vertical.svelte-jnw8ms{height:100%;width:0}.thirds-line.vertical.line-1.svelte-jnw8ms{left:33.33%}.thirds-line.vertical.line-2.svelte-jnw8ms{left:66.66%}.handle.svelte-jnw8ms{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #111827;border-radius:2px;box-shadow:0 1px 4px #0009;box-sizing:border-box;z-index:10}.handle.nw.svelte-jnw8ms{top:-7px;left:-7px;cursor:nwse-resize}.handle.ne.svelte-jnw8ms{top:-7px;right:-7px;cursor:nesw-resize}.handle.sw.svelte-jnw8ms{bottom:-7px;left:-7px;cursor:nesw-resize}.handle.se.svelte-jnw8ms{bottom:-7px;right:-7px;cursor:nwse-resize}.handle.n.svelte-jnw8ms{top:-7px;left:calc(50% - 7px);cursor:ns-resize}.handle.s.svelte-jnw8ms{bottom:-7px;left:calc(50% - 7px);cursor:ns-resize}.handle.w.svelte-jnw8ms{top:calc(50% - 7px);left:-7px;cursor:ew-resize}.handle.e.svelte-jnw8ms{top:calc(50% - 7px);right:-7px;cursor:ew-resize}.frame-toolbar.svelte-jnw8ms{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.tool-group.svelte-jnw8ms{display:flex;align-items:center;gap:6px}.tool-btn.svelte-jnw8ms{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.tool-btn.svelte-jnw8ms:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tool-btn.active.svelte-jnw8ms{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text)}.frame-footer.svelte-jnw8ms{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.btn-cancel.svelte-jnw8ms{padding:8px 16px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer}.btn-cancel.svelte-jnw8ms:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-confirm.svelte-jnw8ms{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--accent);border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 2px 6px #6366f14d}.btn-confirm.svelte-jnw8ms:hover{background:var(--accent-hover)}@media(max-width:600px){.frame-modal-card.svelte-jnw8ms{height:100dvh;max-height:100dvh;border-radius:0}.frame-toolbar.svelte-jnw8ms{padding:8px 10px;overflow-x:auto}}.converter-layout.svelte-1lxtutt{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden;position:relative;background:var(--bg-primary)}.converter-header.svelte-1lxtutt{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:12px;z-index:10;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.converter-header.svelte-1lxtutt::-webkit-scrollbar{display:none}.header-left.svelte-1lxtutt,.header-right.svelte-1lxtutt{display:flex;align-items:center;gap:8px;flex-shrink:0}.upload-btn.svelte-1lxtutt{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;min-height:38px;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.upload-btn.svelte-1lxtutt:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.segmented-control.svelte-1lxtutt{display:inline-flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px;gap:2px;flex-shrink:0}.seg-item.svelte-1lxtutt{border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 10px;min-height:32px;min-width:34px;border-radius:6px;cursor:pointer;box-shadow:none;transition:all .15s ease}.seg-item.svelte-1lxtutt:hover{color:var(--text-primary);background:var(--bg-tertiary)}.seg-item.active.svelte-1lxtutt{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.seg-item.icon-only.svelte-1lxtutt{padding:6px 8px;display:flex;align-items:center;justify-content:center}.icon-btn.svelte-1lxtutt{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;min-height:38px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;font-size:13px;flex-shrink:0}.icon-btn.svelte-1lxtutt:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn.active.svelte-1lxtutt{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text)}.secondary-action.svelte-1lxtutt{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 14px;min-height:38px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.secondary-action.svelte-1lxtutt:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.primary-action.svelte-1lxtutt{background:var(--accent);border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 16px;min-height:38px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;box-shadow:0 2px 6px #6366f14d}.primary-action.svelte-1lxtutt:hover{background:var(--accent-hover)}.presets-rail.svelte-1lxtutt{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;white-space:nowrap;z-index:9;flex-shrink:0}.dither-rail.svelte-1lxtutt{background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.dither-strength-chip.svelte-1lxtutt{margin-left:6px;border-style:dashed;color:var(--accent-text)}.params-btn.svelte-1lxtutt{display:inline-flex;align-items:center;gap:6px}.rail-title.svelte-1lxtutt{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px;flex-shrink:0}.chip-btn.svelte-1lxtutt{flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;min-height:32px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.chip-btn.svelte-1lxtutt:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-color-hover)}.chip-btn.active.svelte-1lxtutt{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text);font-weight:600}.auto-chip.svelte-1lxtutt{padding-left:10px}.palette-swatch-dots.svelte-1lxtutt{display:inline-flex;align-items:center;gap:3px}.swatch-dot.svelte-1lxtutt{width:8px;height:8px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.2)}.preset-name.svelte-1lxtutt{display:inline-block}.viewport-area.svelte-1lxtutt{flex:1;min-height:0;position:relative;overflow:auto;background:var(--canvas-bg);display:flex;align-items:center;justify-content:center;padding:20px}.empty-dropzone.svelte-1lxtutt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);text-align:center;max-width:460px;width:100%;box-shadow:var(--shadow-md)}.drop-icon-box.svelte-1lxtutt{width:64px;height:64px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--accent-text);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid var(--border-color)}.empty-dropzone.svelte-1lxtutt h3:where(.svelte-1lxtutt){margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-primary)}.empty-dropzone.svelte-1lxtutt p:where(.svelte-1lxtutt){margin:0 0 20px;color:var(--text-secondary);font-size:13px;line-height:1.5}.drop-actions.svelte-1lxtutt{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.demo-btn.svelte-1lxtutt{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500}.demo-btn.svelte-1lxtutt:hover{background:var(--bg-hover)}.split-container.svelte-1lxtutt{position:relative;width:min(88vw,560px);height:min(88vw,560px);max-height:calc(100vh - 190px);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#090a0f}.split-layer.svelte-1lxtutt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.pixel-layer.svelte-1lxtutt{background:linear-gradient(45deg,var(--checker-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:var(--checker-light)}.pixel-canvas.svelte-1lxtutt{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.orig-layer.svelte-1lxtutt{pointer-events:none;z-index:2}.orig-image.svelte-1lxtutt{width:100%;height:100%;object-fit:contain}.badge.svelte-1lxtutt{position:absolute;top:12px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#f8fafc;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);z-index:3;letter-spacing:.02em}.badge-left.svelte-1lxtutt{left:12px}.badge-right.svelte-1lxtutt{right:12px}.split-divider.svelte-1lxtutt{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:4;pointer-events:none;transform:translate(-50%);box-shadow:0 0 10px #6366f180}.divider-handle.svelte-1lxtutt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--accent);color:var(--text-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0006}.split-range-input.svelte-1lxtutt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}.side-by-side-container.svelte-1lxtutt{display:flex;gap:16px;max-width:1040px;width:100%;justify-content:center;flex-wrap:wrap}.compare-card.svelte-1lxtutt{flex:1;min-width:260px;max-width:480px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.card-title.svelte-1lxtutt{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border-color)}.card-title-text.svelte-1lxtutt{display:inline-flex;align-items:center;gap:6px}.card-title.svelte-1lxtutt .meta:where(.svelte-1lxtutt){font-size:11px;font-family:monospace;color:var(--text-muted)}.card-media.svelte-1lxtutt{width:100%;height:360px;display:flex;align-items:center;justify-content:center;padding:12px;background:var(--canvas-bg)}.card-media.checkerboard.svelte-1lxtutt{background:linear-gradient(45deg,var(--checker-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:var(--checker-light)}.orig-image-fit.svelte-1lxtutt{max-width:100%;max-height:100%;object-fit:contain}.advanced-drawer.svelte-1lxtutt{position:absolute;top:0;right:0;bottom:0;width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:20;box-shadow:-8px 0 24px #0006}.drawer-header.svelte-1lxtutt{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.drawer-title.svelte-1lxtutt{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary)}.drawer-title.svelte-1lxtutt h3:where(.svelte-1lxtutt){margin:0;font-size:15px;font-weight:600}.close-btn.svelte-1lxtutt{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;min-height:auto;min-width:auto;box-shadow:none;border-radius:var(--radius-xs)}.close-btn.svelte-1lxtutt:hover{color:var(--text-primary);background:var(--bg-hover)}.drawer-body.svelte-1lxtutt{padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.param-group.svelte-1lxtutt{display:flex;flex-direction:column;gap:6px}.param-label-row.svelte-1lxtutt{display:flex;justify-content:space-between;align-items:center}.param-group.svelte-1lxtutt label:where(.svelte-1lxtutt){font-size:12px;font-weight:500;color:var(--text-secondary)}.param-val.svelte-1lxtutt{font-size:12px;font-family:monospace;color:var(--accent-text)}.param-group.svelte-1lxtutt select:where(.svelte-1lxtutt),.param-group.svelte-1lxtutt input[type=range]:where(.svelte-1lxtutt){width:100%}.param-group.svelte-1lxtutt select:where(.svelte-1lxtutt){padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.param-checkbox.svelte-1lxtutt label:where(.svelte-1lxtutt){display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.drawer-footer.svelte-1lxtutt{padding:14px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.full-width.svelte-1lxtutt{width:100%;justify-content:center}.converter-floating-actions.svelte-1lxtutt{position:absolute;bottom:20px;left:12px;right:12px;margin:0 auto;width:fit-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:8px;padding:6px 12px;background:#161a24eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:0 8px 32px #00000080;z-index:15;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.converter-floating-actions.svelte-1lxtutt::-webkit-scrollbar{display:none}.floating-btn.svelte-1lxtutt{height:38px;min-height:38px;padding:0 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease;flex-shrink:0}.floating-btn.primary.svelte-1lxtutt{background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #6366f166}.floating-btn.primary.svelte-1lxtutt:hover{background:var(--accent-hover);transform:translateY(-1px)}.floating-btn.secondary.svelte-1lxtutt{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.floating-btn.secondary.svelte-1lxtutt:hover{background:var(--bg-hover);transform:translateY(-1px)}.btn-text-full.svelte-1lxtutt{display:inline}.btn-text-short.svelte-1lxtutt{display:none}@media(max-width:900px){.btn-text-full.svelte-1lxtutt{display:none}.btn-text-short.svelte-1lxtutt{display:inline}}@media(max-width:680px){.desktop-only-btn.svelte-1lxtutt{display:none!important}.converter-header.svelte-1lxtutt{padding:6px 10px;gap:6px}.upload-btn-text.svelte-1lxtutt,.params-label.svelte-1lxtutt{display:none}.converter-floating-actions.svelte-1lxtutt{bottom:12px;gap:6px;padding:4px 8px;left:8px;right:8px;max-width:calc(100% - 16px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.converter-floating-actions.svelte-1lxtutt::-webkit-scrollbar{display:none}.floating-btn.svelte-1lxtutt{height:36px;min-height:36px;padding:0 10px;font-size:12px;gap:5px;flex-shrink:0;white-space:nowrap}.presets-rail.svelte-1lxtutt{padding:6px 10px;gap:6px}.rail-title.svelte-1lxtutt{font-size:11px}.chip-btn.svelte-1lxtutt{padding:4px 10px;min-height:30px;font-size:11px}.upload-btn.svelte-1lxtutt,.icon-btn.svelte-1lxtutt{padding:6px 10px;min-height:34px;font-size:12px}.seg-item.svelte-1lxtutt{padding:4px 8px;font-size:11px;min-height:28px}.mobile-hide-when-drawer.svelte-1lxtutt{display:none!important}.viewport-area.has-drawer.svelte-1lxtutt{padding:6px 10px 0;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden;gap:6px}.has-drawer.svelte-1lxtutt .split-container:where(.svelte-1lxtutt){width:min(84vw,210px);height:min(84vw,210px);max-height:210px;flex-shrink:0;margin:0 auto}.has-drawer.svelte-1lxtutt .side-by-side-container:where(.svelte-1lxtutt){max-height:200px;flex-shrink:0;gap:8px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.has-drawer.svelte-1lxtutt .compare-card:where(.svelte-1lxtutt){min-width:160px;max-width:190px;flex-shrink:0}.has-drawer.svelte-1lxtutt .card-media:where(.svelte-1lxtutt){height:130px}.has-drawer.svelte-1lxtutt .advanced-drawer:where(.svelte-1lxtutt){position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;flex:1;min-height:0;height:auto;border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #0006}.advanced-drawer.svelte-1lxtutt .drawer-header:where(.svelte-1lxtutt){padding:10px 14px}.advanced-drawer.svelte-1lxtutt .drawer-body:where(.svelte-1lxtutt){padding:10px 14px;gap:12px}.advanced-drawer.svelte-1lxtutt .drawer-footer:where(.svelte-1lxtutt){padding:8px 14px}.card-media.svelte-1lxtutt{height:220px}.split-container.svelte-1lxtutt{width:92vw;height:92vw;max-height:calc(100dvh - 240px)}}.grid-inputs-row.svelte-1lxtutt{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dim-input-wrapper.svelte-1lxtutt{display:flex;align-items:center;background:var(--color-surface, #222);border:1px solid var(--color-border, #444);border-radius:var(--radius-sm, 6px);padding:0 8px;flex:1}.dim-label.svelte-1lxtutt{font-size:13px;font-weight:600;color:var(--color-text-muted, #888);margin-right:6px}.dim-input.svelte-1lxtutt{width:100%;min-height:40px;background:transparent;border:none;color:var(--color-text-main, #fff);font-size:16px;outline:none;font-family:inherit}.icon-btn.lock-btn.svelte-1lxtutt,.icon-btn.swap-btn.svelte-1lxtutt{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface, #222);border:1px solid var(--color-border, #444);border-radius:var(--radius-sm, 6px);color:var(--color-text-muted, #aaa);cursor:pointer;transition:all .15s ease}.icon-btn.lock-btn.svelte-1lxtutt:hover,.icon-btn.swap-btn.svelte-1lxtutt:hover{background:var(--color-surface-hover, #333);color:var(--color-text-main, #fff)}.icon-btn.lock-btn.active.svelte-1lxtutt{color:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);background:#6366f11a}.grid-actions-row.svelte-1lxtutt{display:flex;gap:8px;align-items:center}.chip-sub-btn.svelte-1lxtutt{min-height:38px;padding:0 12px;font-size:13px;background:var(--color-surface, #222);border:1px solid var(--color-border, #444);border-radius:var(--radius-sm, 6px);color:var(--color-text-main, #eee);cursor:pointer;white-space:nowrap;transition:background .15s ease}.chip-sub-btn.svelte-1lxtutt:hover{background:var(--color-surface-hover, #333)}.quick-paste-box.svelte-1lxtutt{flex:1}.quick-input.svelte-1lxtutt{width:100%;min-height:38px;padding:0 10px;font-size:14px;background:var(--color-surface, #222);border:1px solid var(--color-border, #444);border-radius:var(--radius-sm, 6px);color:var(--color-text-main, #eee);outline:none}.quick-input.svelte-1lxtutt:focus{border-color:var(--color-primary, #6366f1)}.grid-warn.svelte-1lxtutt{font-size:11px;color:#eab308;background:#eab3081a;padding:2px 6px;border-radius:4px;border:1px solid rgba(234,179,8,.2)}.anchor-grid-3x3.svelte-1lxtutt{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:4px;justify-content:center;background:var(--color-surface, #222);padding:8px;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border, #444);width:fit-content}.anchor-btn.svelte-1lxtutt{display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover, #333);border:1px solid var(--color-border, #555);border-radius:4px;cursor:pointer;padding:0;transition:all .15s ease}.anchor-btn.svelte-1lxtutt:hover{border-color:#888}.anchor-btn.active.svelte-1lxtutt{background:var(--color-primary, #6366f1);border-color:#818cf8}.anchor-dot.svelte-1lxtutt{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted, #888)}.anchor-btn.active.svelte-1lxtutt .anchor-dot:where(.svelte-1lxtutt){background:#fff}.transform-actions-row.svelte-1lxtutt{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.action-sub-btn.svelte-1lxtutt{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.action-sub-btn.svelte-1lxtutt:hover{color:var(--text-primary);background:var(--bg-tertiary)}.action-sub-btn.active.svelte-1lxtutt{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text)}.frame-open-btn.svelte-1lxtutt{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 14px;margin-top:4px;background:var(--accent-subtle);border:1px solid var(--accent-subtle-border);border-radius:var(--radius-sm);color:var(--accent-text);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s ease}.frame-open-btn.svelte-1lxtutt:hover{background:var(--accent);color:#fff}.photo-queue-rail.svelte-1lxtutt{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-secondary, #1a1e28);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-shrink:0}.queue-title.svelte-1lxtutt{font-size:12px;font-weight:600;color:var(--text-secondary, #aaa);white-space:nowrap}.queue-chips.svelte-1lxtutt{display:flex;gap:6px;align-items:center}.queue-chip.svelte-1lxtutt{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:2px solid var(--border-color, #444);background:#000;padding:0;cursor:pointer;flex-shrink:0;overflow:hidden;transition:all .15s ease}.queue-chip.svelte-1lxtutt:hover{border-color:#888}.queue-chip.active.svelte-1lxtutt{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 1px var(--color-primary, #6366f1)}.queue-chip-img.svelte-1lxtutt{width:100%;height:100%;object-fit:cover}.queue-chip-num.svelte-1lxtutt{position:absolute;bottom:1px;left:2px;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.queue-chip-del.svelte-1lxtutt{position:absolute;top:1px;right:1px;width:14px;height:14px;background:#000000a6;border:none;border-radius:3px;color:#fca5a5;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.7;transition:opacity .1s}.queue-chip-del.svelte-1lxtutt:hover{opacity:1;background:#ef4444;color:#fff}.queue-add-btn.svelte-1lxtutt,.queue-batch-btn.svelte-1lxtutt{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .15s ease}.queue-add-btn.svelte-1lxtutt{background:var(--bg-tertiary, #2c2c36);border:1px solid var(--border-color, #444);color:var(--text-primary, #eee)}.queue-add-btn.svelte-1lxtutt:hover{background:var(--bg-hover, #3a3a48)}.queue-batch-btn.svelte-1lxtutt{background:#6366f133;border:1px solid var(--color-primary, #6366f1);color:#a5b4fc;margin-left:auto}.queue-batch-btn.svelte-1lxtutt:hover:not(:disabled){background:var(--color-primary, #6366f1);color:#fff}.floating-btn.frame-btn.svelte-1lxtutt{background:#22c55e40;border-color:#22c55e;color:#86efac}.floating-btn.frame-btn.svelte-1lxtutt:hover{background:#22c55e;color:#fff}.floating-btn.batch-btn.svelte-1lxtutt{background:#6366f140;border-color:#6366f1;color:#a5b4fc}.floating-btn.batch-btn.svelte-1lxtutt:hover:not(:disabled){background:#6366f1;color:#fff}.frame-action-btn.svelte-1lxtutt{border-color:#22c55e80!important;color:#86efac!important}.batch-action-btn.svelte-1lxtutt{border-color:#6366f180!important;color:#a5b4fc!important}.batch-toast.svelte-1lxtutt{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--bg-secondary, #1e2230);border:1px solid var(--color-primary, #6366f1);color:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 8px 24px #0009;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;z-index:1000;animation:svelte-1lxtutt-fadeIn .2s ease-out}@keyframes svelte-1lxtutt-fadeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.sources-rail.svelte-1lxtutt{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-secondary, #1a1e28);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-shrink:0}.sources-chips.svelte-1lxtutt{display:flex;gap:6px;align-items:center}.source-chip.svelte-1lxtutt{position:relative;display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;height:38px;border-radius:6px;border:1px solid var(--border-color, #444);background:var(--bg-tertiary, #242834);cursor:pointer;flex-shrink:0;transition:all .15s ease;-webkit-user-select:none;user-select:none}.source-chip.svelte-1lxtutt:hover{border-color:#777}.source-chip.active.svelte-1lxtutt{border-color:var(--color-primary, #6366f1);background:#6366f126;box-shadow:0 0 0 1px var(--color-primary, #6366f1)}.source-chip.layer-hidden.svelte-1lxtutt{opacity:.55;filter:grayscale(.5)}.source-chip-img.svelte-1lxtutt{width:28px;height:28px;border-radius:4px;object-fit:cover;background:#000;flex-shrink:0}.source-chip-info.svelte-1lxtutt{display:flex;flex-direction:column;max-width:110px;line-height:1.2;overflow:hidden}.source-chip-name.svelte-1lxtutt{font-size:11px;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-chip-badge.svelte-1lxtutt{font-size:10px;color:var(--text-secondary, #94a3b8);white-space:nowrap;text-transform:capitalize}.source-chip-vis.svelte-1lxtutt,.source-chip-del.svelte-1lxtutt{background:transparent;border:none;color:var(--text-secondary, #94a3b8);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;cursor:pointer;padding:0;transition:all .1s}.source-chip-vis.svelte-1lxtutt:hover{color:var(--text-primary, #fff);background:#ffffff1a}.source-chip-del.svelte-1lxtutt:hover{color:#ef4444;background:#ef444426}.from-source-chip.svelte-1lxtutt{border-color:#a855f780!important;color:#d8b4fe!important}.from-source-chip.active.svelte-1lxtutt{background:#a855f740!important;border-color:#a855f7!important;color:#fff!important}.source-palette-select.svelte-1lxtutt{height:32px;padding:0 8px;font-size:12px;background:var(--bg-tertiary, #2c2c36);color:var(--text-primary, #eee);border:1px solid var(--border-color, #444);border-radius:6px;cursor:pointer}.multi-source-drawer-group.svelte-1lxtutt{background:#ffffff05;border:1px solid var(--border-color, rgba(255, 255, 255, .06));border-radius:8px;padding:12px}.layer-order-actions.svelte-1lxtutt{display:flex;gap:6px;align-items:center}.layer-order-actions.svelte-1lxtutt .chip-sub-btn:where(.svelte-1lxtutt){min-height:28px;height:28px;padding:0 8px;font-size:11px;gap:4px}.tone-transfer-box.svelte-1lxtutt{margin-top:10px;padding:10px;background:#6366f10d;border:1px dashed rgba(99,102,241,.3);border-radius:6px}.g1-container.svelte-j59vy5{max-width:1000px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px;color:var(--color-text-main)}.g1-header.svelte-j59vy5{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.g1-badge.svelte-j59vy5{display:inline-block;padding:4px 10px;background:#4f46e5;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:9999px;margin-bottom:8px}.g1-header.svelte-j59vy5 h2:where(.svelte-j59vy5){margin:0 0 8px;font-size:22px}.g1-desc.svelte-j59vy5{margin:0;font-size:14px;line-height:1.5;color:var(--color-text-dim)}.fixtures-grid.svelte-j59vy5{display:flex;flex-direction:column;gap:20px}.fixture-card.svelte-j59vy5{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px}.fixture-head.svelte-j59vy5{display:flex;justify-content:space-between;align-items:flex-start}.fixture-head.svelte-j59vy5 h3:where(.svelte-j59vy5){margin:0 0 4px;font-size:16px}.fixture-desc.svelte-j59vy5{font-size:12px;color:var(--color-text-dim)}.fixture-id.svelte-j59vy5 code:where(.svelte-j59vy5){font-size:12px;background:var(--color-canvas-bg);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border)}.previews-row.svelte-j59vy5{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.preview-box.svelte-j59vy5{display:flex;flex-direction:column;gap:6px}.box-title.svelte-j59vy5{font-size:12px;font-weight:600;color:var(--color-text-dim)}.canvas-wrapper.svelte-j59vy5{background:#111;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:8px;min-height:140px}.canvas-wrapper.pixel-art.svelte-j59vy5{background:linear-gradient(45deg,#1e1e24 25%,transparent 25%),linear-gradient(-45deg,#1e1e24 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e1e24 75%),linear-gradient(-45deg,transparent 75%,#1e1e24 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#121216}.preview-arrow.svelte-j59vy5{font-size:24px;color:var(--color-text-dim)}.metrics-panel.svelte-j59vy5{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;background:var(--color-canvas-bg);padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.metric-item.svelte-j59vy5{display:flex;flex-direction:column;gap:2px}.m-label.svelte-j59vy5{font-size:11px;color:var(--color-text-dim)}.m-val.svelte-j59vy5{font-family:monospace;font-size:14px;font-weight:700}.m-val.good.svelte-j59vy5{color:#10b981}.review-row.svelte-j59vy5{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.radio-label.svelte-j59vy5{display:flex;align-items:center;gap:6px;cursor:pointer}.badge.svelte-j59vy5{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge.approved.svelte-j59vy5{background:#10b98126;color:#10b981}.badge.rejected.svelte-j59vy5{background:#ef444426;color:#ef4444}.item-note.svelte-j59vy5{flex:1;min-width:200px;padding:6px 10px;background:var(--color-canvas-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main);font-size:13px}.verdict-section.svelte-j59vy5{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}.verdict-section.svelte-j59vy5 h3:where(.svelte-j59vy5){margin:0;font-size:18px}.verdict-controls.svelte-j59vy5{display:flex;flex-direction:column;gap:10px}.radio-label-lg.svelte-j59vy5{display:flex;align-items:center;gap:8px;cursor:pointer}.verdict-pill.svelte-j59vy5{padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.verdict-pill.pass.svelte-j59vy5{background:#10b98126;color:#10b981}.verdict-pill.retry.svelte-j59vy5{background:#f59e0b26;color:#f59e0b}.verdict-notes.svelte-j59vy5{width:100%;padding:10px;background:var(--color-canvas-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main);font-size:14px;resize:vertical}.export-btn.svelte-j59vy5{padding:10px 18px;background:#4f46e5;color:#fff;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px}.export-btn.svelte-j59vy5:hover{background:#4338ca}.json-preview.svelte-j59vy5{background:#0f172a;padding:14px;border-radius:var(--radius-sm);font-size:12px;color:#38bdf8;overflow-x:auto;max-height:200px}.g2-page.svelte-1el1q8b{display:flex;flex-direction:column;padding:12px;gap:12px;height:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--color-canvas-bg);color:var(--color-text-main)}.g2-header.svelte-1el1q8b{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 18px}.title-row.svelte-1el1q8b{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.title-with-icon.svelte-1el1q8b{display:flex;align-items:center;gap:8px;color:var(--color-text-main)}.title-wrap.svelte-1el1q8b h2:where(.svelte-1el1q8b){margin:0;font-size:18px;font-weight:700}.fps-badge-wrap.svelte-1el1q8b{display:flex;align-items:center}.badge.svelte-1el1q8b{padding:6px 12px;border-radius:9999px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.fps-indicator-dot.svelte-1el1q8b{width:8px;height:8px;border-radius:50%;background:currentColor}.badge-good.svelte-1el1q8b{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.badge-warn.svelte-1el1q8b{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.4)}.badge-bad.svelte-1el1q8b{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.5)}.desc.svelte-1el1q8b{margin:6px 0 0;font-size:13px;color:var(--color-text-dim)}.g2-grid.svelte-1el1q8b{display:flex;flex-direction:column;gap:12px}@media(min-width:861px){.g2-page.svelte-1el1q8b{padding:16px;gap:16px}.g2-grid.svelte-1el1q8b{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:480px}}.canvas-panel.svelte-1el1q8b{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.toolbar-mini.svelte-1el1q8b{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.mini-btn.svelte-1el1q8b{padding:6px 10px;background:var(--color-canvas-bg);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;min-height:38px}.zoom-tag.svelte-1el1q8b,.touch-tag.svelte-1el1q8b{font-size:12px;color:var(--color-text-dim);margin-left:auto}.viewport-box.svelte-1el1q8b{width:100%;height:340px;min-height:280px;position:relative;overflow:hidden;touch-action:none!important;overscroll-behavior:none!important;user-select:none;-webkit-user-select:none;background:#111115;background-image:linear-gradient(45deg,#18181f 25%,transparent 25%),linear-gradient(-45deg,#18181f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#18181f 75%),linear-gradient(-45deg,transparent 75%,#18181f 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;cursor:crosshair}@media(min-width:861px){.viewport-box.svelte-1el1q8b{flex:1;height:100%;min-height:380px}}@media(max-width:860px){.toolbar-mini.svelte-1el1q8b{padding:6px 8px;gap:6px}.mini-btn.svelte-1el1q8b{min-height:42px;min-width:42px;font-size:13px;padding:6px 10px}.check-row.svelte-1el1q8b{padding:10px 12px;min-height:48px;background:var(--color-canvas-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.btn-primary.svelte-1el1q8b,.btn-secondary.svelte-1el1q8b{min-height:48px;font-size:14px;width:100%}.actions.svelte-1el1q8b{flex-direction:column;gap:8px}}.test-canvas.svelte-1el1q8b{position:absolute;top:0;left:0;image-rendering:pixelated;image-rendering:crisp-edges}.live-stats.svelte-1el1q8b{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.stat-pill.svelte-1el1q8b{font-size:12px;background:var(--color-canvas-bg);border:1px solid var(--color-border);padding:4px 8px;border-radius:var(--radius-sm);display:flex;gap:6px}.stat-pill.pill-warn.svelte-1el1q8b{border-color:#ef4444;color:#f87171}.stat-pill.svelte-1el1q8b .lbl:where(.svelte-1el1q8b){color:var(--color-text-dim)}.checklist-panel.svelte-1el1q8b{display:flex;flex-direction:column;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.checklist-panel.svelte-1el1q8b h3:where(.svelte-1el1q8b){margin:0;font-size:16px}.checklist.svelte-1el1q8b{display:flex;flex-direction:column;gap:10px}.check-row.svelte-1el1q8b{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;min-height:44px}.check-row.svelte-1el1q8b input[type=checkbox]:where(.svelte-1el1q8b){width:20px;height:20px;accent-color:#4f46e5}.notes-group.svelte-1el1q8b{display:flex;flex-direction:column;gap:6px}.notes-group.svelte-1el1q8b label:where(.svelte-1el1q8b){font-size:12px;color:var(--color-text-dim)}.notes-group.svelte-1el1q8b textarea:where(.svelte-1el1q8b){height:60px;background:var(--color-canvas-bg);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-sm);padding:8px;font-family:inherit;font-size:13px;resize:vertical}.actions.svelte-1el1q8b{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}.btn-primary.svelte-1el1q8b{flex:1;min-height:44px;padding:10px 16px;background:#4f46e5;border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:13px;cursor:pointer}.btn-secondary.svelte-1el1q8b{min-height:44px;padding:10px 16px;background:var(--color-canvas-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main);font-size:13px;cursor:pointer}.json-fallback.svelte-1el1q8b{display:flex;flex-direction:column;gap:6px}.sub-lbl.svelte-1el1q8b{font-size:11px;color:var(--color-text-dim)}.json-textarea.svelte-1el1q8b{width:100%;height:100px;background:#0f172a;color:#e2e8f0;font-family:monospace;font-size:11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px}.ge2-review-container.svelte-10jdtnz{display:flex;flex-direction:column;padding:18px;max-width:1100px;margin:0 auto;gap:16px;color:var(--text-primary)}.ge2-header.svelte-10jdtnz{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.ge2-title-group.svelte-10jdtnz{display:flex;align-items:center;gap:12px}.ge2-title-group.svelte-10jdtnz h2:where(.svelte-10jdtnz){margin:0;font-size:19px;font-weight:600}.subtitle.svelte-10jdtnz{margin:3px 0 0;font-size:13px;color:var(--text-secondary)}.fps-badge.svelte-10jdtnz{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid var(--border-color);background:var(--bg-secondary)}.fps-badge.fps-good.svelte-10jdtnz{color:#10b981;border-color:#10b9814d;background:#10b9811a}.fps-badge.fps-warn.svelte-10jdtnz{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b1a}.fps-badge.fps-bad.svelte-10jdtnz{color:#ef4444;border-color:#ef44444d;background:#ef44441a}.ge2-content-grid.svelte-10jdtnz{display:grid;grid-template-columns:1fr 1fr;gap:18px}.test-panel.svelte-10jdtnz,.checklist-panel.svelte-10jdtnz{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.panel-header.svelte-10jdtnz{display:flex;justify-content:space-between;align-items:center}.panel-header.svelte-10jdtnz h3:where(.svelte-10jdtnz),.checklist-panel.svelte-10jdtnz h3:where(.svelte-10jdtnz){margin:0;font-size:15px;font-weight:600}.active-touches.svelte-10jdtnz{font-size:12px;color:var(--text-secondary);padding:2px 8px;background:var(--bg-primary);border-radius:var(--radius-sm)}.interactive-box.svelte-10jdtnz{position:relative;height:320px;background:#080a0f;border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.test-frame.svelte-10jdtnz{position:absolute;box-sizing:border-box;border:2px solid #ffffff;box-shadow:0 0 0 1px #000c,0 0 16px #00000080;background:#6366f11f}.grid-line.svelte-10jdtnz{position:absolute;border:.5px dashed rgba(255,255,255,.5)}.grid-line.h1.svelte-10jdtnz{top:33.33%;width:100%;height:0}.grid-line.h2.svelte-10jdtnz{top:66.66%;width:100%;height:0}.grid-line.v1.svelte-10jdtnz{left:33.33%;height:100%;width:0}.grid-line.v2.svelte-10jdtnz{left:66.66%;height:100%;width:0}.handle.svelte-10jdtnz{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #111827;border-radius:2px;box-shadow:0 1px 4px #0009}.handle.nw.svelte-10jdtnz{top:-7px;left:-7px}.handle.ne.svelte-10jdtnz{top:-7px;right:-7px}.handle.sw.svelte-10jdtnz{bottom:-7px;left:-7px}.handle.se.svelte-10jdtnz{bottom:-7px;right:-7px}.quick-controls.svelte-10jdtnz{display:flex;flex-wrap:wrap;gap:8px}.ctrl-btn.svelte-10jdtnz{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer}.ctrl-btn.active.svelte-10jdtnz{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text)}.telemetry-grid.svelte-10jdtnz{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;background:var(--bg-primary);padding:10px;border-radius:var(--radius-sm)}.tele-item.svelte-10jdtnz{display:flex;justify-content:space-between}.tele-label.svelte-10jdtnz{color:var(--text-secondary)}.tele-val.svelte-10jdtnz{font-weight:600}.warn-text.svelte-10jdtnz{color:#f59e0b}.checklist-items.svelte-10jdtnz{display:flex;flex-direction:column;gap:10px}.check-item.svelte-10jdtnz{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.check-item.svelte-10jdtnz input:where(.svelte-10jdtnz){margin-top:3px;cursor:pointer;width:16px;height:16px}.check-text.svelte-10jdtnz{display:flex;flex-direction:column;gap:2px}.check-text.svelte-10jdtnz strong:where(.svelte-10jdtnz){font-size:13px}.check-text.svelte-10jdtnz span:where(.svelte-10jdtnz){font-size:11px;color:var(--text-secondary)}.notes-box.svelte-10jdtnz{display:flex;flex-direction:column;gap:6px;font-size:12px}.notes-box.svelte-10jdtnz textarea:where(.svelte-10jdtnz){background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px;font-size:12px;resize:vertical}.report-actions.svelte-10jdtnz{display:flex;gap:10px}.btn-export.svelte-10jdtnz{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;flex:1}.btn-export.primary.svelte-10jdtnz{background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.15)}.btn-export.secondary.svelte-10jdtnz{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.json-preview.svelte-10jdtnz{background:#080a0f;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#10b981;font-family:monospace;font-size:11px;padding:8px;resize:none}@media(max-width:768px){.ge2-content-grid.svelte-10jdtnz{grid-template-columns:1fr}}.ge4-container.svelte-zngigl{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem;color:var(--color-text-main, #f0f3f6);font-family:inherit}.ge4-header.svelte-zngigl{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.header-badge.svelte-zngigl{display:inline-flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;color:#58a6ff}.fps-badge.svelte-zngigl{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;padding:.25rem .6rem;border-radius:9999px;background:#ef444426;color:#ef4444}.fps-badge.fps-good.svelte-zngigl{background:#22c55e26;color:#22c55e}.ge4-intro.svelte-zngigl{font-size:.95rem;line-height:1.5;color:var(--color-text-muted, #8b949e);margin-bottom:1.5rem}.ge4-grid.svelte-zngigl{display:flex;flex-direction:column;gap:1.25rem}.card.svelte-zngigl{background:var(--color-surface, #161a24);border:1px solid var(--color-border, #30363d);border-radius:12px;padding:1.25rem}.card-title.svelte-zngigl{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--color-text-main, #f0f3f6)}.preview-layout.svelte-zngigl{display:flex;gap:1.25rem;flex-wrap:wrap}.canvas-box.svelte-zngigl{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pixel-canvas.svelte-zngigl{width:192px;height:192px;image-rendering:pixelated;border:1px solid var(--color-border, #30363d);border-radius:8px;background-image:linear-gradient(45deg,#1f2430 25%,transparent 25%),linear-gradient(-45deg,#1f2430 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1f2430 75%),linear-gradient(-45deg,transparent 75%,#1f2430 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.canvas-tag.svelte-zngigl{font-size:.75rem;font-family:monospace;padding:.2rem .5rem;background:#ffffff0d;border-radius:4px;color:#58a6ff}.controls-column.svelte-zngigl{flex:1;min-width:260px;display:flex;flex-direction:column;gap:.85rem}.form-group.svelte-zngigl{display:flex;flex-direction:column;gap:.35rem}.group-label.svelte-zngigl{font-size:.82rem;font-weight:600;color:var(--color-text-muted, #8b949e)}.label-row.svelte-zngigl{display:flex;justify-content:space-between;align-items:center}.value-text.svelte-zngigl{font-size:.82rem;font-family:monospace;color:#58a6ff}.chip-row.svelte-zngigl{display:flex;flex-wrap:wrap;gap:.4rem}.mode-chip.svelte-zngigl{padding:.35rem .65rem;border-radius:6px;border:1px solid var(--color-border, #30363d);background:#ffffff08;color:var(--color-text-main, #f0f3f6);font-size:.8rem;cursor:pointer;transition:all .15s ease}.mode-chip.svelte-zngigl:hover{background:#ffffff14}.mode-chip.active.svelte-zngigl{background:#58a6ff;color:#0d1117;border-color:#58a6ff;font-weight:600}.range-slider.svelte-zngigl{width:100%;accent-color:#58a6ff;cursor:pointer}.mask-params-row.svelte-zngigl{display:flex;flex-direction:column;gap:.5rem;padding:.6rem;background:#0003;border-radius:8px;border:1px dashed var(--color-border, #30363d)}.checkbox-label.svelte-zngigl{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;cursor:pointer}.inline-control.svelte-zngigl{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--color-text-muted, #8b949e)}.tone-layout.svelte-zngigl{display:flex;gap:1.25rem;flex-wrap:wrap}.tone-controls.svelte-zngigl{flex:1;min-width:240px;display:flex;flex-direction:column;gap:.5rem}.hint-text.svelte-zngigl{font-size:.78rem;line-height:1.4;color:var(--color-text-muted, #8b949e);margin:0}.bench-stats.svelte-zngigl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1rem}.stat-box.svelte-zngigl{display:flex;flex-direction:column;padding:.75rem;background:#ffffff05;border:1px solid var(--color-border, #30363d);border-radius:8px}.stat-box.stat-pass.svelte-zngigl{border-color:#22c55e66;background:#22c55e0d}.stat-label.svelte-zngigl{font-size:.78rem;color:var(--color-text-muted, #8b949e)}.stat-value.svelte-zngigl{font-size:1.25rem;font-weight:700;color:var(--color-text-main, #f0f3f6);margin:.2rem 0}.stat-sub.svelte-zngigl{font-size:.72rem;color:#22c55e;font-weight:600}.bench-btn.svelte-zngigl{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:#238636;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer}.bench-btn.svelte-zngigl:disabled{opacity:.6;cursor:not-allowed}.checklist-items.svelte-zngigl{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.check-item.svelte-zngigl{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.4;cursor:pointer}.check-item.svelte-zngigl input[type=checkbox]:where(.svelte-zngigl){margin-top:.2rem;accent-color:#238636;width:16px;height:16px}.notes-textarea.svelte-zngigl{width:100%;min-height:70px;padding:.6rem;border-radius:6px;background:#0003;border:1px solid var(--color-border, #30363d);color:var(--color-text-main, #f0f3f6);font-family:inherit;font-size:.85rem;resize:vertical}.report-actions.svelte-zngigl{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.action-btn.svelte-zngigl{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent}.action-btn.primary.svelte-zngigl{background:#58a6ff;color:#0d1117}.action-btn.secondary.svelte-zngigl{background:#ffffff0d;border-color:var(--color-border, #30363d);color:var(--color-text-main, #f0f3f6)}.json-preview.svelte-zngigl{width:100%;height:140px;margin-top:1rem;padding:.5rem;font-family:monospace;font-size:.75rem;background:#0000004d;border:1px solid var(--color-border, #30363d);border-radius:6px;color:#8b949e}.spin{animation:svelte-zngigl-spin 1s linear infinite}@keyframes svelte-zngigl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ge5-page.svelte-8k6vwn{display:flex;flex-direction:column;min-height:100vh;background:#0f1015;color:#f3f4f6;font-family:system-ui,-apple-system,sans-serif}.ge5-header.svelte-8k6vwn{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#181920;border-bottom:1px solid #282935;gap:16px;flex-wrap:wrap}.header-title.svelte-8k6vwn{display:flex;align-items:center;gap:12px}.title-icon.svelte-8k6vwn{color:#6366f1}h1.svelte-8k6vwn{margin:0;font-size:18px;font-weight:700}.subtitle.svelte-8k6vwn{margin:2px 0 0;font-size:12px;color:#9ca3af}.header-actions.svelte-8k6vwn{display:flex;gap:10px}.ge5-content.svelte-8k6vwn{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:24px;flex:1}@media(max-width:900px){.ge5-content.svelte-8k6vwn{grid-template-columns:1fr;padding:12px}}.testbed-panel.svelte-8k6vwn,.telemetry-panel.svelte-8k6vwn{display:flex;flex-direction:column;gap:16px}.section-card.svelte-8k6vwn{background:#181922;border:1px solid #282935;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.card-label.svelte-8k6vwn{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;display:flex;align-items:center;gap:6px}.chips-row.svelte-8k6vwn,.presets-row.svelte-8k6vwn{display:flex;flex-wrap:wrap;gap:6px}.chip.svelte-8k6vwn,.preset-chip.svelte-8k6vwn{padding:6px 12px;background:#242530;border:1px solid #333544;border-radius:6px;color:#d1d5db;font-size:12px;cursor:pointer;transition:all .15s ease}.chip.svelte-8k6vwn:hover,.preset-chip.svelte-8k6vwn:hover{border-color:#6366f1;background:#2e303e}.chip.active.svelte-8k6vwn,.preset-chip.active.svelte-8k6vwn{background:#6366f133;border-color:#6366f1;color:#a5b4fc;font-weight:600}.viewport-box.svelte-8k6vwn{background:#08090d;border:1px solid #282935;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;min-height:280px;position:relative;overflow:hidden}.viewport-canvas-container.svelte-8k6vwn{image-rendering:pixelated;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #000c}.anim-canvas.svelte-8k6vwn{width:64px;height:64px;image-rendering:pixelated;image-rendering:crisp-edges}.viewport-controls.svelte-8k6vwn{display:flex;align-items:center;gap:8px;margin-top:24px;background:#14151c;border:1px solid #2c2e3c;padding:4px 12px;border-radius:20px}.tool-btn.svelte-8k6vwn{background:transparent;border:none;color:#e5e7eb;cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center}.tool-btn.svelte-8k6vwn:hover{background:#ffffff1a}.zoom-badge.svelte-8k6vwn{font-size:11px;color:#9ca3af;font-variant-numeric:tabular-nums}.loop-indicator.svelte-8k6vwn{font-size:11px;color:#34d399;margin-left:8px}.telemetry-grid.svelte-8k6vwn{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.telemetry-item.svelte-8k6vwn{background:#101116;border:1px solid #242530;border-radius:6px;padding:8px;display:flex;flex-direction:column;align-items:center}.telemetry-val.svelte-8k6vwn{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.telemetry-val.good.svelte-8k6vwn{color:#34d399}.telemetry-val.bad.svelte-8k6vwn{color:#f87171}.telemetry-lbl.svelte-8k6vwn{font-size:10px;color:#9ca3af;margin-top:2px}.checklist.svelte-8k6vwn{display:flex;flex-direction:column;gap:8px}.check-item.svelte-8k6vwn{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;color:#d1d5db}.check-item.svelte-8k6vwn input[type=checkbox]:where(.svelte-8k6vwn){width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.benchmark-body.svelte-8k6vwn{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.benchmark-result.svelte-8k6vwn{font-size:13px;padding:6px 12px;border-radius:6px}.benchmark-result.passed.svelte-8k6vwn{background:#34d39926;color:#34d399;border:1px solid #059669}.benchmark-result.failed.svelte-8k6vwn{background:#ef444426;color:#f87171;border:1px solid #dc2626}.notes-textarea.svelte-8k6vwn{width:100%;height:70px;background:#101116;border:1px solid #282935;border-radius:6px;color:#fff;padding:8px;font-size:12px;font-family:inherit;resize:vertical;outline:none}.btn.svelte-8k6vwn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s ease}.btn-secondary.svelte-8k6vwn{background:#242530;color:#fff;border:1px solid #333544}.btn-secondary.svelte-8k6vwn:hover{background:#2e303e}.btn-primary.svelte-8k6vwn{background:#6366f1;color:#fff}.btn-primary.svelte-8k6vwn:hover{background:#4f46e5}.g3-portal-view.svelte-1uuv1qv{padding:24px;max-width:1400px;margin:0 auto;color:var(--color-text-main, #f0f3f6);display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.portal-header.svelte-1uuv1qv{background:var(--color-surface, #161a24);border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:12px;padding:20px 24px}.title-row.svelte-1uuv1qv{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.title-row.svelte-1uuv1qv h1:where(.svelte-1uuv1qv){margin:0;font-size:1.35rem;font-weight:700}.gate-tag.svelte-1uuv1qv{background:#3b82f6;color:#fff;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.status-badge.ready.svelte-1uuv1qv{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:6px}.subtitle.svelte-1uuv1qv{margin:0;font-size:.9rem;color:var(--color-text-secondary, #94a3b8);line-height:1.45}.portal-grid.svelte-1uuv1qv{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.portal-grid.svelte-1uuv1qv{grid-template-columns:1fr}}.portal-card.svelte-1uuv1qv{background:var(--color-surface, #161a24);border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:18px}.card-header.svelte-1uuv1qv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .08));padding-bottom:12px}.header-title.svelte-1uuv1qv{display:flex;align-items:center;gap:10px}.header-title.svelte-1uuv1qv h2:where(.svelte-1uuv1qv){margin:0;font-size:1.1rem;font-weight:600}.timer-badge.svelte-1uuv1qv{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid var(--color-border, rgba(255, 255, 255, .1));padding:4px 10px;border-radius:6px;font-family:monospace;font-size:1rem;font-weight:700}.timer-badge.warning.svelte-1uuv1qv{background:#ef444426;color:#ef4444;border-color:#ef44444d}.timer-badge.success.svelte-1uuv1qv{background:#10b98126;color:#10b981;border-color:#10b9814d}.timer-controls.svelte-1uuv1qv{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn.svelte-1uuv1qv{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-primary.svelte-1uuv1qv{background:#3b82f6;color:#fff}.btn-primary.svelte-1uuv1qv:hover{background:#2563eb}.btn-warning.svelte-1uuv1qv{background:#f59e0b;color:#fff}.btn-secondary.svelte-1uuv1qv{background:#ffffff0f;color:var(--color-text-main, #f0f3f6);border-color:var(--color-border, rgba(255, 255, 255, .1))}.btn-secondary.svelte-1uuv1qv:hover{background:#ffffff1a}.result-pill.svelte-1uuv1qv{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.82rem;font-weight:600}.pill-success.svelte-1uuv1qv{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.pill-fail.svelte-1uuv1qv{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.interactive-sandbox.svelte-1uuv1qv{background:var(--color-bg, #0e1117);border:1px solid var(--color-border, rgba(255, 255, 255, .06));border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px}.sandbox-header.svelte-1uuv1qv{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.sandbox-title.svelte-1uuv1qv{font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #94a3b8)}.preset-chips.svelte-1uuv1qv{display:flex;gap:6px}.chip-btn.svelte-1uuv1qv{background:#ffffff0d;border:1px solid var(--color-border, rgba(255, 255, 255, .1));color:var(--color-text-main, #f0f3f6);border-radius:6px;padding:4px 8px;font-size:.78rem;cursor:pointer}.chip-btn.active.svelte-1uuv1qv{background:#3b82f6;color:#fff;border-color:#3b82f6}.sandbox-body.svelte-1uuv1qv{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.canvas-wrapper.svelte-1uuv1qv{position:relative;width:96px;height:96px;background:#111;background-image:repeating-conic-gradient(#1e222d,#1e222d 25%,#141720 0%,#141720 50%);background-size:16px 16px;border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pixel-canvas.svelte-1uuv1qv{width:96px;height:96px;image-rendering:pixelated}.converting-overlay.svelte-1uuv1qv{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.spin-icon{animation:svelte-1uuv1qv-spin 1s linear infinite}@keyframes svelte-1uuv1qv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sandbox-actions.svelte-1uuv1qv{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.action-btn.svelte-1uuv1qv{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;background:#ffffff0f;color:var(--color-text-main, #f0f3f6);border:1px solid var(--color-border, rgba(255, 255, 255, .1))}.action-btn.success-btn.svelte-1uuv1qv{background:#10b98126;color:#10b981;border-color:#10b9814d}.scenarios-section.svelte-1uuv1qv h3:where(.svelte-1uuv1qv){margin:0 0 10px;font-size:.95rem;font-weight:600}.scenario-list.svelte-1uuv1qv{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.scenario-item.svelte-1uuv1qv{background:#ffffff08;border:1px solid var(--color-border, rgba(255, 255, 255, .06));border-radius:8px;padding:10px 14px}.checkbox-label.svelte-1uuv1qv{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label.svelte-1uuv1qv input[type=checkbox]:where(.svelte-1uuv1qv){margin-top:3px;width:18px;height:18px;accent-color:#3b82f6}.scenario-info.svelte-1uuv1qv{display:flex;flex-direction:column;gap:2px}.scenario-info.svelte-1uuv1qv strong:where(.svelte-1uuv1qv){font-size:.88rem;color:var(--color-text-main, #f0f3f6)}.scenario-info.svelte-1uuv1qv span:where(.svelte-1uuv1qv){font-size:.78rem;color:var(--color-text-secondary, #94a3b8)}.form-grid.svelte-1uuv1qv{display:flex;flex-direction:column;gap:14px}.form-group.svelte-1uuv1qv{display:flex;flex-direction:column;gap:6px}.form-group.svelte-1uuv1qv label:where(.svelte-1uuv1qv){font-size:.84rem;font-weight:600;color:var(--color-text-secondary, #94a3b8)}.highlight-group.svelte-1uuv1qv{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px}.radio-row.svelte-1uuv1qv{display:flex;flex-direction:column;gap:8px;margin-top:4px}.radio-label.svelte-1uuv1qv{display:flex;align-items:center;gap:8px;font-size:.84rem;cursor:pointer}.text-input.svelte-1uuv1qv,.select-input.svelte-1uuv1qv,.text-area.svelte-1uuv1qv{background:var(--color-bg, #0e1117);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:6px;color:var(--color-text-main, #f0f3f6);padding:8px 10px;font-size:.85rem;box-sizing:border-box;width:100%}.text-area.svelte-1uuv1qv{resize:vertical;font-family:inherit}.ratings-block.svelte-1uuv1qv{display:flex;flex-direction:column;gap:8px;background:#ffffff08;border:1px solid var(--color-border, rgba(255, 255, 255, .06));border-radius:8px;padding:12px}.rating-row.svelte-1uuv1qv{display:flex;align-items:center;justify-content:space-between;font-size:.84rem}.stars-selector.svelte-1uuv1qv{display:flex;gap:2px}.star-btn.svelte-1uuv1qv{background:transparent;border:none;font-size:1.25rem;color:#475569;cursor:pointer;padding:0 2px}.star-btn.filled.svelte-1uuv1qv{color:#f59e0b}.device-telemetry.svelte-1uuv1qv{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--color-text-secondary, #94a3b8);background:#ffffff08;padding:8px 12px;border-radius:6px}.export-actions.svelte-1uuv1qv{display:flex;gap:12px;margin-top:8px}.export-actions.svelte-1uuv1qv .btn:where(.svelte-1uuv1qv){flex:1;justify-content:center}.json-preview-container.svelte-1uuv1qv{display:flex;flex-direction:column;gap:6px;margin-top:8px}.json-textarea.svelte-1uuv1qv{background:#0a0c10;color:#38bdf8;font-family:monospace;font-size:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;width:100%;box-sizing:border-box;resize:vertical}.viewport-container.svelte-1kg1rtr{flex:1;width:100%;height:100%;position:relative;overflow:hidden;background:#0d0d12;cursor:crosshair;touch-action:none!important;overscroll-behavior:none!important;user-select:none;-webkit-user-select:none;outline:none}.canvas-stage.svelte-1kg1rtr{position:absolute;top:0;left:0;box-shadow:0 8px 32px #000000b3;border:1px solid rgba(255,255,255,.1)}.transparency-grid.svelte-1kg1rtr{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#18181f 25%,transparent 25%),linear-gradient(-45deg,#18181f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#18181f 75%),linear-gradient(-45deg,transparent 75%,#18181f 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#101015}.pixel-canvas.svelte-1kg1rtr{position:absolute;top:0;left:0;image-rendering:pixelated;image-rendering:crisp-edges}.main-canvas.svelte-1kg1rtr{z-index:1}.reference-overlay.svelte-1kg1rtr{position:absolute;top:0;left:0;pointer-events:none;z-index:2;object-fit:cover}.preview-canvas.svelte-1kg1rtr{z-index:3;pointer-events:none}.grid-canvas.svelte-1kg1rtr{position:absolute;top:0;left:0;pointer-events:none;z-index:4}.toolbar.svelte-7g5oya{display:flex;flex-direction:column;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px;z-index:10;box-shadow:var(--shadow-sm)}.tool-btn.svelte-7g5oya{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;position:relative;padding:4px;box-shadow:none;transition:all .15s ease}.tool-btn.svelte-7g5oya:hover{color:var(--text-primary);background:var(--bg-hover)}.tool-btn.active.svelte-7g5oya{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text)}.tool-key.svelte-7g5oya{font-size:9px;font-weight:700;color:var(--text-muted);margin-top:2px;line-height:1}.tool-btn.active.svelte-7g5oya .tool-key:where(.svelte-7g5oya){color:var(--accent-text)}@media(max-width:680px){.toolbar.svelte-7g5oya{flex-direction:row;justify-content:space-around;align-items:center;width:100%;border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:1px solid var(--border-color);padding:6px 8px;gap:4px;background:var(--bg-secondary)}.tool-btn.svelte-7g5oya{flex:1;max-width:48px;min-width:38px;min-height:42px;padding:4px}.tool-key.svelte-7g5oya{display:none}}.palette-panel.svelte-9zpvrx{display:flex;flex-direction:column;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px;width:130px;max-height:100%;overflow-y:auto;z-index:10;box-shadow:var(--shadow-sm)}.panel-header.svelte-9zpvrx{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--text-primary)}.color-count.svelte-9zpvrx{color:var(--text-muted);font-size:11px;font-family:monospace}.swatches-grid.svelte-9zpvrx{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;overflow-y:auto;flex:1;min-height:0;padding:2px}.swatch-btn.svelte-9zpvrx{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);border:2px solid transparent;padding:0;cursor:pointer;position:relative;overflow:hidden;background:transparent;box-shadow:none;transition:all .15s ease}.swatch-btn.svelte-9zpvrx:hover{transform:scale(1.06);border-color:var(--border-color-hover)}.swatch-btn.active.svelte-9zpvrx{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px var(--accent);transform:scale(1.08);z-index:2}.color-fill.svelte-9zpvrx{width:100%;height:100%}.transparent-checker.svelte-9zpvrx{width:100%;height:100%;background:linear-gradient(45deg,var(--checker-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:var(--checker-light)}.swatch-index.svelte-9zpvrx{position:absolute;bottom:2px;right:2px;font-size:9px;font-family:monospace;font-weight:700;color:#fff;text-shadow:0 1px 2px #000;background:#00000080;padding:0 2px;border-radius:2px;line-height:1}.add-color-row.svelte-9zpvrx{display:flex;gap:6px;align-items:center}.color-input.svelte-9zpvrx{width:32px;height:32px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:none}.add-btn.svelte-9zpvrx{flex:1;height:32px;min-height:32px;min-width:auto;font-size:11px;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;box-shadow:none;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.add-btn.svelte-9zpvrx:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}@media(max-width:680px){.palette-panel.svelte-9zpvrx{width:100%;height:48px;max-height:48px;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:4px 8px;border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:1px solid var(--border-color);gap:6px;overflow:hidden;background:var(--bg-secondary)}.panel-header.svelte-9zpvrx{display:none}.swatches-grid.svelte-9zpvrx{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1;padding:2px 0;scrollbar-width:none}.swatches-grid.svelte-9zpvrx::-webkit-scrollbar{display:none}.swatch-btn.svelte-9zpvrx{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:50%}.add-color-row.svelte-9zpvrx{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:0}.color-input.svelte-9zpvrx{width:34px;height:34px;border-radius:50%}.add-btn.svelte-9zpvrx{display:none}}.topbar.svelte-whe3fp{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 12px;height:48px;min-height:48px;gap:8px;z-index:50;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;flex-shrink:0}.topbar.svelte-whe3fp::-webkit-scrollbar{display:none}.left-group.svelte-whe3fp,.center-group.svelte-whe3fp,.right-group.svelte-whe3fp{display:flex;align-items:center;gap:8px;flex-shrink:0}.doc-info.svelte-whe3fp{font-size:12px;font-weight:600;color:var(--text-muted);font-family:monospace;padding:0 6px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);height:28px;display:flex;align-items:center;justify-content:center}.btn-group.svelte-whe3fp{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;padding:2px;gap:2px}.icon-btn.svelte-whe3fp{display:flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 8px;background:transparent;border:none;box-shadow:none;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;border-radius:6px;transition:all .15s ease}.icon-btn.svelte-whe3fp:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.icon-btn.svelte-whe3fp:disabled{opacity:.35;cursor:not-allowed}.icon-btn.toggle-btn.svelte-whe3fp{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary)}.icon-btn.toggle-btn.svelte-whe3fp:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn.toggle-btn.active.svelte-whe3fp{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text)}.back-btn.svelte-whe3fp{gap:6px;padding:0 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500}.back-btn.svelte-whe3fp:hover{background:var(--bg-hover)}.open-btn.svelte-whe3fp{background:var(--bg-primary);border:1px solid var(--border-color)}.zoom-indicator.svelte-whe3fp{display:flex;align-items:center;justify-content:center;min-width:42px;height:32px;font-size:12px;font-family:monospace;font-weight:600;background:transparent;border:none;box-shadow:none;color:var(--text-primary);cursor:pointer}.ref-group.svelte-whe3fp{display:flex;align-items:center;gap:6px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 8px 2px 2px}.ref-slider.svelte-whe3fp{width:60px;cursor:pointer;accent-color:var(--accent)}.export-btn.svelte-whe3fp{height:34px;padding:0 14px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 2px 6px #6366f14d;display:inline-flex;align-items:center;gap:6px}.canvas-menu-wrapper.svelte-whe3fp{position:relative;display:flex;align-items:center}.canvas-menu-btn.svelte-whe3fp{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.canvas-menu-btn.svelte-whe3fp:hover,.canvas-menu-btn.active.svelte-whe3fp{background:var(--bg-hover);border-color:var(--color-primary, #3b82f6);color:#fff}.menu-backdrop.svelte-whe3fp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:transparent}.canvas-dropdown.svelte-whe3fp{position:fixed;top:50px;background:var(--bg-secondary, #1a1e29);border:1px solid var(--border-color, rgba(255, 255, 255, .18));border-radius:var(--radius-sm, 8px);box-shadow:0 12px 32px #000000a6;min-width:220px;max-width:calc(100vw - 20px);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:1005}.dropdown-item.svelte-whe3fp{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary, #f3f4f6);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease}.dropdown-item.svelte-whe3fp:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:#fff}.dropdown-divider.svelte-whe3fp{height:1px;background:var(--border-color, rgba(255, 255, 255, .08));margin:4px 0}.export-btn.svelte-whe3fp:hover{background:var(--accent-hover)}@media(max-width:680px){.topbar.svelte-whe3fp{padding:0 8px;gap:6px}.desktop-text.svelte-whe3fp{display:none}.left-group.svelte-whe3fp,.center-group.svelte-whe3fp,.right-group.svelte-whe3fp{gap:4px;flex-shrink:0}.icon-btn.svelte-whe3fp{min-width:32px;height:32px;padding:0 6px;flex-shrink:0}.export-btn.svelte-whe3fp{padding:0 10px;flex-shrink:0;white-space:nowrap}}.modal-backdrop.svelte-1v0aurg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal-sheet.svelte-1v0aurg{background:var(--bg-primary, #161a24);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 14px);width:100%;max-width:440px;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 16px 40px #00000080;overflow:hidden}.sheet-header.svelte-1v0aurg{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.title-wrap.svelte-1v0aurg{display:flex;align-items:center;gap:8px}.accent-icon.svelte-1v0aurg{color:var(--color-primary, #3b82f6)}.sheet-header.svelte-1v0aurg h2:where(.svelte-1v0aurg){font-size:16px;font-weight:600;margin:0;color:var(--text-main, #f3f4f6)}.close-btn.svelte-1v0aurg{background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px}.close-btn.svelte-1v0aurg:hover{color:#fff;background:#ffffff14}.sheet-body.svelte-1v0aurg{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dimensions-card.svelte-1v0aurg,.section-card.svelte-1v0aurg{background:var(--bg-secondary, rgba(255, 255, 255, .03));border:1px solid var(--border-color, rgba(255, 255, 255, .06));border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.inputs-row.svelte-1v0aurg{display:flex;align-items:flex-end;gap:10px}.input-field.svelte-1v0aurg{flex:1;display:flex;flex-direction:column;gap:4px}.input-field.svelte-1v0aurg label:where(.svelte-1v0aurg){font-size:12px;font-weight:500;color:var(--text-muted, #9ca3af)}.input-field.svelte-1v0aurg input:where(.svelte-1v0aurg){background:var(--bg-primary, #0e1117);border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:8px 12px;width:100%;box-sizing:border-box;text-align:center}.input-field.svelte-1v0aurg input:where(.svelte-1v0aurg):focus{outline:none;border-color:var(--color-primary, #3b82f6)}.middle-tools.svelte-1v0aurg{display:flex;gap:6px;padding-bottom:2px}.tool-btn.svelte-1v0aurg{background:var(--bg-primary, #0e1117);border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:8px;color:var(--text-muted, #9ca3af);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tool-btn.svelte-1v0aurg:hover,.tool-btn.active.svelte-1v0aurg{color:#fff;border-color:var(--color-primary, #3b82f6)}.presets-rail.svelte-1v0aurg{display:flex;flex-wrap:wrap;gap:6px}.preset-chip.svelte-1v0aurg{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-muted, #9ca3af);font-size:12px;font-weight:500;padding:4px 8px;cursor:pointer}.preset-chip.svelte-1v0aurg:hover{color:#fff;border-color:#fff3}.preset-chip.active.svelte-1v0aurg{background:#3b82f633;border-color:var(--color-primary, #3b82f6);color:#fff}.section-label.svelte-1v0aurg{font-size:12px;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.mode-selector.svelte-1v0aurg{display:flex;flex-direction:column;gap:8px}.mode-btn.svelte-1v0aurg{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--bg-primary, #0e1117);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;cursor:pointer;text-align:left;transition:all .15s ease}.mode-btn.svelte-1v0aurg:hover{border-color:#ffffff40}.mode-btn.selected.svelte-1v0aurg{background:#3b82f61a;border-color:var(--color-primary, #3b82f6)}.mode-title.svelte-1v0aurg{font-size:13px;font-weight:600;color:#fff}.mode-desc.svelte-1v0aurg{font-size:11px;color:var(--text-muted, #9ca3af);margin-top:2px}.anchor-header.svelte-1v0aurg{display:flex;justify-content:space-between;align-items:center}.anchor-state.svelte-1v0aurg{font-size:11px;color:var(--text-muted, #9ca3af)}.anchor-state.svelte-1v0aurg strong:where(.svelte-1v0aurg){color:#fff}.anchor-grid.svelte-1v0aurg{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.anchor-row.svelte-1v0aurg{display:flex;gap:6px}.anchor-cell.svelte-1v0aurg{width:44px;height:44px;background:var(--bg-primary, #0e1117);border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.anchor-cell.svelte-1v0aurg .dot:where(.svelte-1v0aurg){width:8px;height:8px;border-radius:50%;background:var(--text-muted, #6b7280);transition:all .15s ease}.anchor-cell.svelte-1v0aurg:hover .dot:where(.svelte-1v0aurg){background:#fff}.anchor-cell.active.svelte-1v0aurg{border-color:var(--color-primary, #3b82f6);background:#3b82f626}.anchor-cell.active.svelte-1v0aurg .dot:where(.svelte-1v0aurg){background:var(--color-primary, #3b82f6);transform:scale(1.5)}.warning-banner.svelte-1v0aurg{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#fbbf24;font-size:12px}.sheet-footer.svelte-1v0aurg{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));background:var(--bg-secondary, rgba(255, 255, 255, .02))}.btn.svelte-1v0aurg{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;min-height:40px;display:flex;align-items:center;justify-content:center}.btn-secondary.svelte-1v0aurg{background:#ffffff0f;color:var(--text-main, #e5e7eb);border:1px solid rgba(255,255,255,.1)}.btn-secondary.svelte-1v0aurg:hover{background:#ffffff1a}.btn-primary.svelte-1v0aurg{background:var(--color-primary, #3b82f6);color:#fff}.btn-primary.svelte-1v0aurg:hover{background:#2563eb}.timeline-container.svelte-4l1qnp{display:flex;flex-direction:column;background:var(--color-surface, #1e1e24);border-top:1px solid var(--color-border, #333);padding:6px 12px;gap:6px;-webkit-user-select:none;user-select:none;z-index:10}.transport-controls.svelte-4l1qnp{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.transport-btn.svelte-4l1qnp{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;min-width:30px;padding:0 6px;background:var(--color-surface-hover, #2c2c34);border:1px solid var(--color-border, #444);color:var(--color-text, #f0f0f0);border-radius:var(--radius-sm, 4px);cursor:pointer;font-size:12px;white-space:nowrap;flex-shrink:0;transition:background .1s,border-color .1s}.transport-btn.svelte-4l1qnp:hover:not(:disabled){background:var(--color-surface-active, #3a3a46);border-color:var(--color-primary, #6366f1)}.transport-btn.svelte-4l1qnp:disabled{opacity:.4;cursor:not-allowed}.play-btn.svelte-4l1qnp{background:var(--color-primary, #6366f1);color:#fff;border-color:transparent}.play-btn.svelte-4l1qnp:hover:not(:disabled){background:var(--color-primary-hover, #4f46e5)}.import-frame-btn.svelte-4l1qnp{background:#22c55e1f;border-color:#22c55e66;color:#86efac;padding:0 8px;font-weight:500}.import-frame-btn.svelte-4l1qnp:hover:not(:disabled){background:#22c55e38;border-color:#22c55e}.anim-modal-btn.svelte-4l1qnp{background:#6366f126;border-color:var(--color-primary, #6366f1);color:var(--color-primary-light, #a5b4fc);padding:0 8px;font-weight:500}.anim-modal-btn.svelte-4l1qnp:hover:not(:disabled){background:#6366f140}.btn-label-text.svelte-4l1qnp{font-size:12px;white-space:nowrap}.spin{animation:svelte-4l1qnp-spin 1s linear infinite}@keyframes svelte-4l1qnp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:680px){.btn-label-text.svelte-4l1qnp{display:none}.anim-modal-btn.svelte-4l1qnp,.import-frame-btn.svelte-4l1qnp{padding:0 6px}}.frame-counter.svelte-4l1qnp{font-size:12px;font-variant-numeric:tabular-nums;min-width:44px;text-align:center;color:var(--color-text-secondary, #aaa)}.transport-divider.svelte-4l1qnp{width:1px;height:18px;background:var(--color-border, #444);margin:0 4px}.duration-control.svelte-4l1qnp{display:flex;align-items:center;gap:4px;background:var(--color-surface-hover, #2c2c34);border:1px solid var(--color-border, #444);border-radius:var(--radius-sm, 4px);padding:2px 6px;height:28px}.duration-icon.svelte-4l1qnp{color:var(--color-text-secondary, #aaa)}.duration-control.svelte-4l1qnp input:where(.svelte-4l1qnp){width:48px;background:transparent;border:none;color:var(--color-text, #fff);font-size:12px;font-family:inherit;text-align:right;outline:none}.duration-control.svelte-4l1qnp .unit:where(.svelte-4l1qnp){font-size:11px;color:var(--color-text-secondary, #aaa)}.frame-strip.svelte-4l1qnp{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.frame-thumb.svelte-4l1qnp{display:flex;flex-direction:column;align-items:center;background:var(--color-surface-hover, #2c2c34);border:2px solid var(--color-border, #3a3a44);border-radius:var(--radius-sm, 4px);padding:4px;cursor:pointer;min-width:52px;transition:border-color .15s,transform .1s}.frame-thumb.svelte-4l1qnp:hover{border-color:var(--color-text-secondary, #888)}.frame-thumb.active.svelte-4l1qnp{border-color:var(--color-primary, #6366f1);background:var(--color-surface-active, #353542);box-shadow:0 0 0 1px var(--color-primary, #6366f1)}.frame-num.svelte-4l1qnp{font-size:10px;font-weight:600;color:var(--color-text-secondary, #aaa);margin-bottom:2px}.thumb-canvas-box.svelte-4l1qnp{width:40px;height:40px;background:#111;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden}.thumb-canvas.svelte-4l1qnp{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain}.frame-dur.svelte-4l1qnp{font-size:9px;color:var(--color-text-muted, #777);margin-top:2px}.modal-backdrop.svelte-1l6ak60{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card.svelte-1l6ak60{background:var(--color-surface, #1e1e24);border:1px solid var(--color-border, #3a3a44);border-radius:var(--radius-lg, 8px);width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 36px #00000080;overflow:hidden}.modal-header.svelte-1l6ak60{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border, #333)}.title-wrap.svelte-1l6ak60{display:flex;align-items:center;gap:8px}.title-wrap.svelte-1l6ak60 h2:where(.svelte-1l6ak60){margin:0;font-size:16px;font-weight:600;color:var(--color-text, #fff)}.close-btn.svelte-1l6ak60{background:transparent;border:none;color:var(--color-text-secondary, #aaa);cursor:pointer;padding:4px;border-radius:4px}.close-btn.svelte-1l6ak60:hover{color:#fff;background:#ffffff1a}.modal-body.svelte-1l6ak60{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:16px 20px;overflow-y:auto;flex:1}@media(max-width:680px){.modal-body.svelte-1l6ak60{grid-template-columns:1fr}}.column-title.svelte-1l6ak60{font-size:12px;font-weight:600;color:var(--color-text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.presets-grid.svelte-1l6ak60{display:grid;grid-template-columns:1fr;gap:8px}.preset-card.svelte-1l6ak60{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;background:var(--color-surface-hover, #282832);border:1px solid var(--color-border, #3a3a44);border-radius:var(--radius-sm, 6px);cursor:pointer;text-align:left;transition:all .15s ease}.preset-card.svelte-1l6ak60:hover{border-color:var(--color-primary, #6366f1);background:var(--color-surface-active, #323240)}.preset-card.active.svelte-1l6ak60{border-color:var(--color-primary, #6366f1);background:#6366f126;box-shadow:0 0 0 1px var(--color-primary, #6366f1)}.preset-name.svelte-1l6ak60{font-size:13px;font-weight:600;color:var(--color-text, #fff)}.preset-desc.svelte-1l6ak60{font-size:11px;color:var(--color-text-secondary, #aaa);margin-top:2px}.settings-column.svelte-1l6ak60{display:flex;flex-direction:column;gap:14px}.preview-box.svelte-1l6ak60{background:#141418;border:1px solid var(--color-border, #333);border-radius:var(--radius-md, 6px);padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.preview-header.svelte-1l6ak60{width:100%;display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-secondary, #aaa)}.preview-badge.svelte-1l6ak60{color:var(--color-primary-light, #a5b4fc);font-weight:500}.preview-canvas-wrap.svelte-1l6ak60{width:128px;height:128px;background:#000;border:1px solid #222;display:flex;align-items:center;justify-content:center}.preview-canvas.svelte-1l6ak60{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.settings-group.svelte-1l6ak60,.params-group.svelte-1l6ak60{background:var(--color-surface-hover, #252530);border:1px solid var(--color-border, #3a3a44);border-radius:var(--radius-sm, 6px);padding:12px;display:flex;flex-direction:column;gap:10px}.params-header.svelte-1l6ak60{font-size:12px;font-weight:600;color:var(--color-text, #fff);border-bottom:1px solid var(--color-border, #3a3a44);padding-bottom:6px}.setting-row.svelte-1l6ak60,.param-row.svelte-1l6ak60{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-text, #eee)}.setting-row.svelte-1l6ak60 input[type=range]:where(.svelte-1l6ak60),.param-row.svelte-1l6ak60 input[type=range]:where(.svelte-1l6ak60){width:100%}.param-row.svelte-1l6ak60 select:where(.svelte-1l6ak60),.text-input.svelte-1l6ak60{background:#141418;border:1px solid var(--color-border, #444);color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;outline:none}.modal-footer.svelte-1l6ak60{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border, #333);background:#00000026}.btn.svelte-1l6ak60{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s ease}.btn-secondary.svelte-1l6ak60{background:var(--color-surface-hover, #2c2c34);border:1px solid var(--color-border, #444);color:#fff}.btn-secondary.svelte-1l6ak60:hover{background:var(--color-surface-active, #3a3a46)}.btn-primary.svelte-1l6ak60{background:var(--color-primary, #6366f1);color:#fff}.btn-primary.svelte-1l6ak60:hover{background:var(--color-primary-hover, #4f46e5)}.modal-backdrop.svelte-19ynttl{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-dialog.svelte-19ynttl{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:780px;box-shadow:0 16px 48px #000c;display:flex;flex-direction:column;overflow:hidden}.dialog-header.svelte-19ynttl{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.dialog-header.svelte-19ynttl h2:where(.svelte-19ynttl){margin:0;font-size:18px;font-weight:700}.close-btn.svelte-19ynttl{background:none;border:none;color:var(--color-text-dim);font-size:18px;cursor:pointer;padding:4px 8px}.dialog-body.svelte-19ynttl{display:flex;gap:20px;padding:20px;overflow-y:auto;max-height:calc(85vh - 120px)}@media(max-width:640px){.dialog-body.svelte-19ynttl{flex-direction:column-reverse}}.settings-col.svelte-19ynttl{flex:1.2;display:flex;flex-direction:column;gap:16px}.preview-col.svelte-19ynttl{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.section.svelte-19ynttl{display:flex;flex-direction:column;gap:8px}.section-label.svelte-19ynttl{font-size:13px;font-weight:600;color:var(--color-text-dim)}.format-chips.svelte-19ynttl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip-btn.svelte-19ynttl{padding:10px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-canvas-bg);color:var(--color-text-main);cursor:pointer;text-align:left;transition:all .15s}.chip-btn.active.svelte-19ynttl{background:#4f46e5;color:#fff;border-color:#6366f1}.scale-chips.svelte-19ynttl{display:flex;gap:6px;flex-wrap:wrap}.scale-btn.svelte-19ynttl{flex:1;min-width:44px;min-height:38px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-canvas-bg);color:var(--color-text-main);font-weight:700;font-size:13px;cursor:pointer}.scale-btn.active.svelte-19ynttl{background:#4f46e5;color:#fff;border-color:#6366f1}.hint-text.svelte-19ynttl{font-size:11px;color:var(--color-text-dim);margin:4px 0 0}.minecraft-box.svelte-19ynttl{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:12px}.field-group.svelte-19ynttl{display:flex;flex-direction:column;gap:4px}.field-group.svelte-19ynttl label:where(.svelte-19ynttl){font-size:12px;color:var(--color-text-dim)}.field-group.svelte-19ynttl input:where(.svelte-19ynttl),.field-group.svelte-19ynttl select:where(.svelte-19ynttl){padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-main);font-size:13px}.field-group.svelte-19ynttl select:where(.svelte-19ynttl) option:where(.svelte-19ynttl){background-color:var(--color-surface);color:var(--color-text-main);padding:6px 10px}.field-row.svelte-19ynttl{display:flex;gap:10px}.field-row.svelte-19ynttl>div:where(.svelte-19ynttl){flex:1}.err-text.svelte-19ynttl{font-size:11px;color:#ef4444}.checkbox-group.svelte-19ynttl label:where(.svelte-19ynttl){display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.mc-warn-card.svelte-19ynttl{background:#eab30814;border:1px solid rgba(234,179,8,.25);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.mc-warn-text.svelte-19ynttl{font-size:11px;color:#eab308;line-height:1.4}.mc-pad-checkbox.svelte-19ynttl{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-main);cursor:pointer;font-weight:500}.disclaimer.svelte-19ynttl{font-size:10px;color:var(--color-text-dim);font-style:italic;border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.info-box.svelte-19ynttl{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;font-size:12px;color:var(--color-text-dim);line-height:1.5}.preview-card.svelte-19ynttl{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.preview-viewport.svelte-19ynttl{width:240px;height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#18181f 25%,transparent 25%),linear-gradient(-45deg,#18181f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#18181f 75%),linear-gradient(-45deg,transparent 75%,#18181f 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#121216;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px;overflow:hidden}.preview-canvas.svelte-19ynttl{max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 4px 16px #0009}.preview-label.svelte-19ynttl{font-size:11px;color:var(--color-text-dim);font-family:monospace}.dialog-footer.svelte-19ynttl{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--color-border);background:#0003}.btn-primary.svelte-19ynttl{padding:8px 18px;background:#10b981;color:#fff;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.btn-share.svelte-19ynttl{padding:8px 16px;background:#4f46e5;color:#fff;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.btn-secondary.svelte-19ynttl{padding:8px 14px;background:transparent;color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:13px}@media(max-width:640px){.modal-backdrop.svelte-19ynttl{padding:0}.modal-dialog.svelte-19ynttl{height:100vh;height:100dvh;max-width:100%;border-radius:0;border:none}.dialog-header.svelte-19ynttl{padding:12px 16px;min-height:48px}.dialog-body.svelte-19ynttl{flex-direction:column-reverse;padding:14px;gap:14px;max-height:none;flex:1}.preview-viewport.svelte-19ynttl{width:180px;height:180px}.dialog-footer.svelte-19ynttl{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));gap:8px}.btn-primary.svelte-19ynttl,.btn-share.svelte-19ynttl,.btn-secondary.svelte-19ynttl{flex:1;min-height:44px;padding:8px 10px}}.editor-layout.svelte-1b3d7bd{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:var(--color-canvas-bg)}.editor-body.svelte-1b3d7bd{display:flex;flex:1;min-height:0;overflow:hidden;position:relative;padding:8px;gap:8px}.editor-body.left-handed.svelte-1b3d7bd{flex-direction:row-reverse}.viewport-wrapper.svelte-1b3d7bd{flex:1;min-height:0;display:flex;position:relative;overflow:hidden;border-radius:var(--radius-md)}.toolbar-dock.svelte-1b3d7bd,.palette-dock.svelte-1b3d7bd{display:flex;flex-direction:column}@media(max-width:640px){.editor-body.svelte-1b3d7bd{flex-direction:column;padding:0;gap:0}.viewport-wrapper.svelte-1b3d7bd{order:1;border-radius:0}.palette-dock.svelte-1b3d7bd{order:2;width:100%}.toolbar-dock.svelte-1b3d7bd{order:3;width:100%}}.vector-logo.svelte-1k9lmw5{display:inline-block;vertical-align:middle;flex-shrink:0;transition:transform .2s ease}.vector-logo.svelte-1k9lmw5:hover{transform:scale(1.08) rotate(4deg)}.vector-hero-showcase.svelte-1k9lmw5{width:100%;max-width:820px;height:auto;display:block;margin:12px auto 0;filter:drop-shadow(0 12px 32px rgba(0,0,0,.45));border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.vector-hero-showcase.svelte-1k9lmw5:hover{transform:translateY(-2px)}.preset-vector-art.svelte-1k9lmw5{display:block;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.preset-card:hover .preset-vector-art.svelte-1k9lmw5{transform:scale(1.1) translateY(-2px)}.feature-vector-icon.svelte-1k9lmw5{flex-shrink:0;display:inline-block}.landing-container.svelte-t6u3kl{width:100%;padding:32px 24px 80px;max-width:1200px;margin:0 auto;color:var(--color-text-main, #f0f3f6);display:flex;flex-direction:column;gap:48px;box-sizing:border-box;position:relative}.landing-container.svelte-t6u3kl:before{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:100vw;height:640px;background:radial-gradient(ellipse at 50% 0%,rgba(56,189,248,.12) 0%,rgba(168,85,247,.05) 40%,transparent 70%),radial-gradient(circle at 15% 30%,rgba(59,130,246,.06) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.05) 0%,transparent 40%);pointer-events:none;z-index:0}.hero-showcase-container.svelte-t6u3kl{width:100%;max-width:820px;margin:10px auto 18px;position:relative;z-index:1}.hero-section.svelte-t6u3kl{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:24px 0 12px}.hero-badge-row.svelte-t6u3kl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:100%}.hero-pill.svelte-t6u3kl{display:inline-flex;align-items:center;gap:6px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:5px 12px;border-radius:9999px;font-size:.8rem;font-weight:600;max-width:100%;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.35;text-align:left}.offline-pill.svelte-t6u3kl{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;font-size:.8rem;font-weight:600;max-width:100%;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.35;text-align:left}.offline-pill.online.svelte-t6u3kl{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.offline-pill.offline.svelte-t6u3kl{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#f59e0b}.hero-title.svelte-t6u3kl{margin:0;font-size:2.35rem;font-weight:800;line-height:1.25;max-width:840px;letter-spacing:-.02em}.accent-text.svelte-t6u3kl{background:linear-gradient(135deg,#38bdf8,#3b82f6,#818cf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description.svelte-t6u3kl{margin:0;font-size:1.05rem;color:var(--color-text-secondary, #94a3b8);max-width:720px;line-height:1.55}.primary-actions-grid.svelte-t6u3kl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;width:100%;margin-top:16px}@media(max-width:900px){.hero-title.svelte-t6u3kl{font-size:1.8rem}}@media(max-width:600px){.primary-actions-grid.svelte-t6u3kl{grid-template-columns:1fr}}.cta-card.svelte-t6u3kl{position:relative;background:var(--color-surface, #161a24);border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:14px;padding:20px;display:flex;align-items:center;justify-content:flex-start;gap:16px;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:inherit;width:100%;min-width:0;box-sizing:border-box;overflow:hidden;white-space:normal}.cta-card.svelte-t6u3kl:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.cta-card.svelte-t6u3kl:hover{transform:translateY(-3px);border-color:#3b82f666;box-shadow:0 12px 28px #00000059}.primary-cta.svelte-t6u3kl{background:linear-gradient(135deg,#3b82f626,#161a24);border-color:#3b82f659}.primary-cta.svelte-t6u3kl:after{background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent)}.cta-icon-wrap.svelte-t6u3kl{width:48px;height:48px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-main, #f0f3f6)}.accent-wrap.svelte-t6u3kl{background:#3b82f633;color:#38bdf8}.cta-text.svelte-t6u3kl{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;white-space:normal;word-break:normal;overflow-wrap:break-word}.cta-text.svelte-t6u3kl h3:where(.svelte-t6u3kl){margin:0;font-size:1rem;font-weight:700;line-height:1.3;white-space:normal;word-break:normal;overflow-wrap:break-word}.cta-text.svelte-t6u3kl p:where(.svelte-t6u3kl){margin:0;font-size:.8rem;color:var(--color-text-secondary, #94a3b8);line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:break-word}.cta-arrow{color:var(--color-text-secondary, #94a3b8);transition:transform .2s ease;flex-shrink:0}.cta-card.svelte-t6u3kl:hover .cta-arrow{transform:translate(3px);color:#38bdf8}.presets-section.svelte-t6u3kl{display:flex;flex-direction:column;gap:24px}.section-header.svelte-t6u3kl h2:where(.svelte-t6u3kl){margin:0 0 8px;font-size:1.45rem;font-weight:700}.section-header.svelte-t6u3kl p:where(.svelte-t6u3kl){margin:0;font-size:.95rem;color:var(--color-text-secondary, #94a3b8)}.presets-grid.svelte-t6u3kl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.presets-grid.svelte-t6u3kl{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.presets-grid.svelte-t6u3kl{grid-template-columns:1fr}}.preset-card.svelte-t6u3kl{position:relative;background:var(--color-surface, #161a24);border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0;box-sizing:border-box;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}.preset-card.svelte-t6u3kl:hover{transform:translateY(-4px)}.preset-minecraft-16.svelte-t6u3kl:hover{border-color:#5cb85c80;box-shadow:0 12px 30px #5cb85c26}.preset-gameboy.svelte-t6u3kl:hover{border-color:#8bac0f80;box-shadow:0 12px 30px #8bac0f26}.preset-nes.svelte-t6u3kl:hover{border-color:#ef444480;box-shadow:0 12px 30px #ef444426}.preset-wplace.svelte-t6u3kl:hover{border-color:#38bdf880;box-shadow:0 12px 30px #38bdf826}.preset-card-header.svelte-t6u3kl{display:flex;align-items:center;justify-content:space-between;gap:8px}.preset-artwork-box.svelte-t6u3kl{width:60px;height:60px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 1px #ffffff0d}.preset-icon-box.svelte-t6u3kl{width:36px;height:36px;border-radius:8px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#38bdf8;flex-shrink:0}.preset-grid-badge.svelte-t6u3kl{font-size:.72rem;font-family:monospace;font-weight:600;padding:3px 6px;background:#ffffff0d;border-radius:4px;color:var(--color-text-secondary, #94a3b8);flex-shrink:0}.preset-card.svelte-t6u3kl h3:where(.svelte-t6u3kl){margin:0;font-size:1rem;font-weight:600;white-space:normal;overflow-wrap:break-word;word-break:normal}.preset-card.svelte-t6u3kl p:where(.svelte-t6u3kl){margin:0;font-size:.82rem;color:var(--color-text-secondary, #94a3b8);line-height:1.4;flex:1;white-space:normal;overflow-wrap:break-word;word-break:normal}.preset-swatches.svelte-t6u3kl{display:flex;gap:6px;margin:4px 0;flex-wrap:wrap}.preset-dot.svelte-t6u3kl{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.preset-launch-btn.svelte-t6u3kl{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#ffffff0f;border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--color-text-main, #f0f3f6);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:normal;text-align:center;min-height:var(--touch-target-min);box-sizing:border-box;width:100%}.preset-launch-btn.svelte-t6u3kl:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.version-toggle-btn.svelte-t6u3kl{background:transparent;border:none;padding:0;margin:0;cursor:pointer;box-shadow:none;min-height:auto;min-width:auto;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;color:inherit;font-size:inherit}.version-toggle-btn.svelte-t6u3kl:hover{color:#38bdf8}.privacy-card.svelte-t6u3kl{background:linear-gradient(135deg,#10b98114,#161a24);border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:24px;box-shadow:0 10px 30px #00000040}.privacy-header.svelte-t6u3kl{display:flex;align-items:center;gap:16px}.shield-icon{color:#10b981;flex-shrink:0}.privacy-header.svelte-t6u3kl h2:where(.svelte-t6u3kl){margin:0 0 4px;font-size:1.35rem;font-weight:700}.privacy-lead.svelte-t6u3kl{margin:0;font-size:.92rem;color:var(--color-text-secondary, #94a3b8)}.privacy-features-grid.svelte-t6u3kl{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:640px){.privacy-features-grid.svelte-t6u3kl{grid-template-columns:1fr}}.feature-item.svelte-t6u3kl{display:flex;align-items:center;gap:16px}.feature-item.svelte-t6u3kl div:where(.svelte-t6u3kl){display:flex;flex-direction:column;gap:3px}.feature-item.svelte-t6u3kl strong:where(.svelte-t6u3kl){font-size:.95rem;color:var(--color-text-main, #f0f3f6)}.feature-item.svelte-t6u3kl span:where(.svelte-t6u3kl){font-size:.82rem;color:var(--color-text-secondary, #94a3b8);line-height:1.45}.landing-footer.svelte-t6u3kl{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--color-border, rgba(255, 255, 255, .08));padding-top:24px}.footer-top.svelte-t6u3kl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand.svelte-t6u3kl{display:flex;align-items:center;gap:10px}.brand-name.svelte-t6u3kl{font-size:1.1rem;font-weight:800;color:#38bdf8}.version-label.svelte-t6u3kl{font-size:.75rem;color:var(--color-text-secondary, #94a3b8)}.footer-links.svelte-t6u3kl{display:flex;align-items:center;gap:14px}.footer-btn.svelte-t6u3kl{background:transparent;border:none;color:var(--color-text-secondary, #94a3b8);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px}.footer-btn.svelte-t6u3kl:hover{color:var(--color-text-main, #fff)}.issue-btn.svelte-t6u3kl{background:#ffffff0d;border:1px solid var(--color-border, rgba(255, 255, 255, .1))}.footer-disclaimer.svelte-t6u3kl p:where(.svelte-t6u3kl){margin:0;font-size:.75rem;color:#64748b;line-height:1.45}.modal-backdrop.svelte-159rt5x{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.modal-card.svelte-159rt5x{background:var(--color-surface, #161a24);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:12px;width:100%;max-width:540px;box-shadow:0 16px 36px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header.svelte-159rt5x{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .08))}.header-title.svelte-159rt5x{display:flex;align-items:center;gap:8px}.header-title.svelte-159rt5x h3:where(.svelte-159rt5x){margin:0;font-size:1.1rem;font-weight:600}.close-btn.svelte-159rt5x{background:transparent;border:none;color:var(--color-text-secondary, #94a3b8);cursor:pointer;padding:4px;border-radius:4px}.close-btn.svelte-159rt5x:hover{color:var(--color-text-main, #fff)}.modal-body.svelte-159rt5x{padding:20px;display:flex;flex-direction:column;gap:16px}.privacy-note.svelte-159rt5x{display:flex;align-items:flex-start;gap:10px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981;padding:10px 12px;border-radius:8px;font-size:.8rem;line-height:1.4}.form-group.svelte-159rt5x{display:flex;flex-direction:column;gap:6px}.form-group.svelte-159rt5x label:where(.svelte-159rt5x){font-size:.84rem;font-weight:600;color:var(--color-text-secondary, #94a3b8)}.text-area.svelte-159rt5x{background:var(--color-bg, #0e1117);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:6px;color:var(--color-text-main, #f0f3f6);padding:8px 10px;font-size:.85rem;font-family:inherit;box-sizing:border-box;width:100%;resize:vertical}.checkbox-label.svelte-159rt5x{display:flex;align-items:center;gap:8px;font-size:.84rem;cursor:pointer;color:var(--color-text-main, #f0f3f6)}.checkbox-label.svelte-159rt5x input:where(.svelte-159rt5x){accent-color:#3b82f6}.diagnostics-box.svelte-159rt5x{background:#0a0c10;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px}.diag-header.svelte-159rt5x{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #94a3b8);margin-bottom:6px}.diag-content.svelte-159rt5x{margin:0;font-family:monospace;font-size:.72rem;color:#38bdf8;white-space:pre-wrap;line-height:1.35}.modal-footer.svelte-159rt5x{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--color-border, rgba(255, 255, 255, .08));background:#00000026}.btn.svelte-159rt5x{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:.84rem;font-weight:600;cursor:pointer;border:1px solid transparent}.btn-primary.svelte-159rt5x{background:#3b82f6;color:#fff}.btn-secondary.svelte-159rt5x{background:#ffffff0f;color:var(--color-text-main, #f0f3f6);border-color:var(--color-border, rgba(255, 255, 255, .1))}:root{--bg-primary: #0e1117;--bg-secondary: #161a24;--bg-tertiary: #202534;--bg-hover: #293042;--bg-active: #323a50;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #4f46e5;--accent-active: #4338ca;--accent-subtle: rgba(99, 102, 241, .12);--accent-subtle-border: rgba(99, 102, 241, .35);--accent-text: #818cf8;--success: #10b981;--success-hover: #059669;--danger: #ef4444;--danger-hover: #dc2626;--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .16);--border-color-focus: #6366f1;--canvas-bg: #090a0f;--checker-dark: #12151d;--checker-light: #1a1e29;--grid-line: rgba(255, 255, 255, .12);--touch-target-min: 44px;--color-canvas-bg: #090a0f;--color-surface: #161a24;--color-surface-hover: #202534;--color-text-main: #f8fafc;--color-text-dim: #94a3b8;--color-border: rgba(255, 255, 255, .08);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #4f46e5;--accent-hover: #4338ca;--accent-active: #3730a3;--accent-subtle: rgba(79, 70, 229, .08);--accent-subtle-border: rgba(79, 70, 229, .25);--accent-text: #4f46e5;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--border-color-focus: #4f46e5;--canvas-bg: #f1f5f9;--checker-dark: #e2e8f0;--checker-light: #ffffff;--grid-line: rgba(0, 0, 0, .1);--color-canvas-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-text-main: #0f172a;--color-text-dim: #475569;--color-border: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;min-height:var(--touch-target-min);min-width:var(--touch-target-min);cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:13px;font-weight:500;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}button:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed;transform:none}select{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;font-family:inherit;font-size:13px;cursor:pointer;outline:none}select:focus{border-color:var(--accent)}select option{background-color:var(--color-surface);color:var(--color-text-main);padding:6px 10px}.scroll-touch{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.scroll-touch::-webkit-scrollbar{height:4px}.scroll-touch::-webkit-scrollbar-track{background:transparent}.scroll-touch::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.app-layout.svelte-1n46o8q{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:var(--bg-primary)}.nav-bar.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:50}.nav-brand.svelte-1n46o8q{display:flex;align-items:center;gap:8px}.brand-link.svelte-1n46o8q{background:none;border:none;padding:0;font-size:18px;font-weight:700;letter-spacing:-.02em;cursor:pointer;box-shadow:none;color:var(--text-primary);display:flex;align-items:center;gap:8px;min-width:auto;min-height:auto}.logo-mark.svelte-1n46o8q{color:var(--accent)}.version-badge.svelte-1n46o8q{font-size:10px;font-weight:700;text-transform:uppercase;background:var(--accent-subtle);border:1px solid var(--accent-subtle-border);color:var(--accent-text);padding:2px 7px;border-radius:var(--radius-full);letter-spacing:.05em;cursor:pointer;min-height:auto;min-width:auto;line-height:1.2;transition:all .2s ease}.version-badge.svelte-1n46o8q:hover{filter:brightness(1.15);border-color:var(--accent)}.version-badge.dev-active.svelte-1n46o8q{background:#f59e0b33;border-color:#f59e0b66;color:#f59e0b}.nav-links-desktop.svelte-1n46o8q{display:flex;align-items:center;gap:16px}.nav-segmented.svelte-1n46o8q{display:inline-flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px;gap:2px}.nav-tab-btn.svelte-1n46o8q{border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;padding:6px 14px;min-height:32px;border-radius:6px;cursor:pointer;box-shadow:none;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.nav-tab-btn.svelte-1n46o8q:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-tab-btn.active.svelte-1n46o8q{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #00000040}.nav-actions.svelte-1n46o8q{display:flex;align-items:center;gap:6px}.nav-action-btn.svelte-1n46o8q{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;min-height:34px;font-size:13px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px}.nav-action-btn.svelte-1n46o8q:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.nav-secondary.svelte-1n46o8q{display:flex;align-items:center;gap:4px;border-left:1px solid var(--border-color);padding-left:12px}.nav-sub-btn.svelte-1n46o8q{background:transparent;border:none;box-shadow:none;color:var(--text-muted);font-size:12px;padding:6px 10px;min-height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:5px}.nav-sub-btn.svelte-1n46o8q:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-sub-btn.active.svelte-1n46o8q{color:var(--accent-text);background:var(--accent-subtle)}.nav-utilities.svelte-1n46o8q{display:flex;align-items:center;gap:8px}.utility-btn.svelte-1n46o8q{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;min-width:36px;min-height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}.utility-btn.svelte-1n46o8q:hover{color:var(--text-primary);background:var(--bg-hover)}.lang-btn.svelte-1n46o8q{font-size:12px;font-weight:700;letter-spacing:.05em;padding:6px 10px}.main-content.svelte-1n46o8q{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main-content.flush.svelte-1n46o8q{padding:0;margin:0}.view-panel.svelte-1n46o8q{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex:1;position:relative}.view-panel.view-hidden.svelte-1n46o8q{display:none!important}.scrollable-page.svelte-1n46o8q{width:100%;height:100%;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mobile-bottom-nav.svelte-1n46o8q,.mobile-menu-backdrop.svelte-1n46o8q{display:none}@media(max-width:820px){.nav-links-desktop.svelte-1n46o8q{display:none}.main-content.has-bottom-nav.svelte-1n46o8q{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tab-btn.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;background:transparent;border:none;box-shadow:none;color:var(--text-muted);cursor:pointer;padding:4px 2px;min-width:0;min-height:var(--touch-target-min);transition:color .15s ease;overflow:hidden}.tab-icon-wrap.svelte-1n46o8q{display:flex;align-items:center;justify-content:center;width:32px;height:26px;border-radius:var(--radius-full);transition:all .15s ease;flex-shrink:0}.tab-label.svelte-1n46o8q{font-size:10px;font-weight:500;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;text-align:center}.tab-btn.active.svelte-1n46o8q{color:var(--accent-text)}.tab-btn.active.svelte-1n46o8q .tab-icon-wrap:where(.svelte-1n46o8q){background:var(--accent-subtle);color:var(--accent-text)}.mobile-menu-backdrop.svelte-1n46o8q{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;align-items:flex-end}.mobile-menu-sheet.svelte-1n46o8q{width:100%;max-height:85vh;overflow-y:auto;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg)}.mobile-menu-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.close-menu-btn.svelte-1n46o8q{background:transparent;border:none;box-shadow:none;color:var(--text-secondary);cursor:pointer;padding:6px;min-width:auto;min-height:auto}.mobile-menu-list.svelte-1n46o8q{display:flex;flex-direction:column;gap:8px}.menu-item.svelte-1n46o8q{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;min-height:48px;cursor:pointer;box-shadow:var(--shadow-sm);white-space:normal;text-align:left;box-sizing:border-box}.menu-item.svelte-1n46o8q span:where(.svelte-1n46o8q){flex:1;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal}.menu-item.svelte-1n46o8q:hover{background:var(--bg-hover)}.menu-section-header.svelte-1n46o8q{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:12px 0 4px 4px}.menu-divider.svelte-1n46o8q{height:1px;background:var(--border-color);margin:8px 0}.dev-toggle-row.svelte-1n46o8q{background:var(--bg-tertiary);border-color:var(--border-color)}.dev-status-badge.svelte-1n46o8q{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-muted);flex-shrink:0}.dev-status-badge.active.svelte-1n46o8q{background:#f59e0b33;color:#f59e0b}}.modal-backdrop.svelte-1n46o8q{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card.svelte-1n46o8q{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-lg)}.modal-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center}.modal-header.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.modal-desc.svelte-1n46o8q{font-size:13px;color:var(--text-secondary);margin:0}.size-chips.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:8px}.size-btn.svelte-1n46o8q{padding:10px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-weight:600;font-size:13px;cursor:pointer;box-shadow:none;transition:all .15s ease}.size-btn.svelte-1n46o8q:hover{color:var(--text-primary);background:var(--bg-tertiary)}.size-btn.active.svelte-1n46o8q{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-text)}.modal-actions.svelte-1n46o8q{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.btn-cancel.svelte-1n46o8q{padding:8px 16px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;box-shadow:none}.btn-cancel.svelte-1n46o8q:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-confirm.svelte-1n46o8q{padding:8px 18px;background:var(--accent);border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 2px 6px #6366f14d}.btn-confirm.svelte-1n46o8q:hover{background:var(--accent-hover)}.btn-confirm.btn-danger.svelte-1n46o8q{background:#ef4444;box-shadow:0 2px 6px #ef44444d}.btn-confirm.btn-danger.svelte-1n46o8q:hover{background:#dc2626}