.canvas-container.svelte-mxezwq{width:100%;height:100%;overflow:hidden;position:relative;cursor:crosshair;background:#141418}.canvas-container.tool-pan.svelte-mxezwq,.canvas-container.tool-pan.svelte-mxezwq .pixel-canvas:where(.svelte-mxezwq){cursor:move;cursor:all-scroll}.canvas-container.tool-pan.pan-outside.svelte-mxezwq,.canvas-container.tool-pan.pan-outside.svelte-mxezwq .pixel-canvas:where(.svelte-mxezwq){cursor:default}.canvas-container.tool-select-move.svelte-mxezwq,.canvas-container.tool-select-move.svelte-mxezwq .pixel-canvas:where(.svelte-mxezwq){cursor:move;cursor:all-scroll}canvas.svelte-mxezwq{display:block;image-rendering:pixelated}.zoom-toolbar.svelte-mxezwq{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;background:#1e1e26e0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 8px 24px #00000073;padding:3px 5px;gap:2px;z-index:50}.zoom-btn.svelte-mxezwq{background:transparent;border:none;color:#e5e5ea;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;border-radius:999px;transition:all .12s ease}.zoom-btn.svelte-mxezwq:hover{background:#ffffff24;color:#fff}.zoom-level.svelte-mxezwq{font-weight:600;font-size:11px;min-width:44px;text-align:center;font-family:ui-monospace,SFMono-Regular,monospace;color:#fff}.fit-btn.svelte-mxezwq{font-size:11px;padding:4px 11px}.char-nav-bar.svelte-mxezwq{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;background:#1e1e26e0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 10px;box-shadow:0 8px 24px #00000073;z-index:50;color:#f5f5f7;font-size:12px}.nav-btn.svelte-mxezwq{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:3px 8px;border-radius:999px;cursor:pointer;font-size:10px;transition:all .12s ease}.nav-btn.svelte-mxezwq:hover:not(:disabled){background:#ffffff2e}.nav-btn.svelte-mxezwq:disabled{opacity:.3;cursor:default}.char-info.svelte-mxezwq{display:flex;align-items:baseline;gap:5px;font-weight:600}.char-hex.svelte-mxezwq{font-family:ui-monospace,monospace;color:#0a84ff;font-size:11px;font-weight:500}.charset-sheet-panel.svelte-mxezwq{position:absolute;top:14px;right:14px;width:295px;max-height:calc(100% - 28px);background:#202028f0;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 20px 50px #000000a6,0 0 0 1px #00000040;display:flex;flex-direction:column;overflow:hidden;z-index:40}.sheet-header.svelte-mxezwq{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.sheet-title-group.svelte-mxezwq{display:flex;align-items:baseline;gap:8px}.sheet-title.svelte-mxezwq{font-weight:600;font-size:12px;color:#fff;letter-spacing:-.1px}.sheet-actions.svelte-mxezwq{display:flex;align-items:center;gap:8px}.sheet-minimize-btn.svelte-mxezwq{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#c7c7cc;width:20px;height:20px;border-radius:4px;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .12s ease}.sheet-minimize-btn.svelte-mxezwq:hover{background:#ffffff29;color:#fff;border-color:#ffffff38}.floating-panel-pill.svelte-mxezwq{position:absolute;top:14px;right:14px;background:#1e1e26e0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.14);color:#f5f5f7;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px #00000073;z-index:40;transition:all .15s ease}.floating-panel-pill.svelte-mxezwq:hover{background:#2d2d38f2;border-color:#0a84ff80;color:#fff;box-shadow:0 10px 28px #0000008c}.sheet-meta.svelte-mxezwq{font-size:11px;color:#8e8e93;font-family:ui-monospace,monospace}.sheet-canvas-wrapper.svelte-mxezwq{overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:10px;background:#111116;flex-shrink:1;min-height:100px}.tile-preview-section.svelte-mxezwq{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08);background:#111116;flex-shrink:0}.tile-preview-viewport.svelte-mxezwq{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px;background:#0d0d12;overflow:auto}.char-preview-canvas.svelte-mxezwq,.tile-preview-canvas.svelte-mxezwq{box-shadow:0 4px 12px #0009;border:1px solid rgba(255,255,255,.12);image-rendering:pixelated}.charset-codes-panel.svelte-mxezwq{display:flex;flex-direction:column;gap:4px;padding:7px 12px;background:#111116;border-top:1px solid rgba(255,255,255,.08)}.code-row.svelte-mxezwq{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:11px;line-height:1.4}.code-label.svelte-mxezwq{color:#8e8e93;font-size:11px;font-weight:500}.code-value.svelte-mxezwq{color:#f5f5f7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:-.2px}.sprite-preview-panel.svelte-mxezwq{position:absolute;top:14px;right:14px;width:235px;max-height:calc(100% - 28px);background:#202028f0;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 20px 50px #000000a6,0 0 0 1px #00000040;display:flex;flex-direction:column;overflow:hidden;z-index:40}.sprite-previews-container.svelte-mxezwq{padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.preview-box.svelte-mxezwq{display:flex;flex-direction:column;gap:5px}.preview-label.svelte-mxezwq{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#8e8e93}.preview-viewport.svelte-mxezwq{display:flex;align-items:center;justify-content:center;height:110px;background:#111116;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;position:relative}.preview-viewport.svelte-mxezwq canvas:where(.svelte-mxezwq){flex-shrink:0;box-shadow:0 4px 10px #0009;border:1px solid rgba(255,255,255,.12);image-rendering:pixelated}.palette-panel.svelte-2oyux7{padding:8px;display:flex;flex-direction:column;gap:8px;color:#e5e5ea;font-size:12px;-webkit-user-select:none;user-select:none}.header.svelte-2oyux7{display:flex;flex-direction:column;gap:4px}.title.svelte-2oyux7{font-weight:600;font-size:13px;color:#fff;letter-spacing:-.1px}.palette-select.svelte-2oyux7{width:100%;background:#00000059;color:#f5f5f7;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;cursor:pointer;outline:none;transition:all .12s ease}.palette-select.svelte-2oyux7:hover{border-color:#ffffff38;background:#00000073}.palette-select.svelte-2oyux7:focus{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff4d}.active-swatches.svelte-2oyux7{display:flex;align-items:center;gap:12px}.swatch-container.svelte-2oyux7{position:relative;width:48px;height:42px}.swatch.svelte-2oyux7{position:absolute;width:28px;height:28px;border:1px solid rgba(255,255,255,.2);box-shadow:0 3px 8px #00000073;border-radius:6px}.sec-swatch.svelte-2oyux7{right:0;bottom:0}.pri-swatch.svelte-2oyux7{left:0;top:0;z-index:2}.swatch-labels.svelte-2oyux7{font-size:11px;line-height:1.4;color:#a1a1a6}.swatch-labels.svelte-2oyux7 strong:where(.svelte-2oyux7){color:#f5f5f7}.divider.svelte-2oyux7{height:1px;background:#ffffff14;margin:4px 0}.section-label.svelte-2oyux7{font-weight:600;font-size:10px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-text.svelte-2oyux7{font-size:10px;color:#8e8e93;line-height:1.3}.slots-container.svelte-2oyux7{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;box-sizing:border-box}.slots-container.dense.svelte-2oyux7{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.slot-card.svelte-2oyux7{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e5e5ea;cursor:pointer;position:relative;text-align:center;transition:all .12s ease}.slot-card.svelte-2oyux7:hover{background:#ffffff1a;border-color:#ffffff29}.slot-card.active-slot.svelte-2oyux7{border-color:#0a84ff;background:#0a84ff38;box-shadow:0 0 0 1px #0a84ff}.slot-card.fixed-bg.svelte-2oyux7{border-style:dashed;border-color:#ffffff2e}.slot-color-preview.svelte-2oyux7{width:20px;height:20px;border:1px solid rgba(0,0,0,.35);border-radius:4px;flex-shrink:0}.slot-badge-label.svelte-2oyux7{height:12px;display:flex;align-items:center;justify-content:center}.slot-badge.svelte-2oyux7{font-size:9px;font-weight:700;padding:0 4px;border-radius:3px;line-height:12px}.slot-badge.pri.svelte-2oyux7{background:#0a84ff;color:#fff}.slot-badge.sec.svelte-2oyux7{background:#fff3;color:#fff}.slot-idx-num.svelte-2oyux7{font-size:9px;color:#8e8e93;line-height:12px}.palette-grid.svelte-2oyux7{display:grid;gap:4px}.palette-grid.dense-32.svelte-2oyux7,.palette-grid.dense-64.svelte-2oyux7{gap:2px}.palette-grid.dense-32.svelte-2oyux7 .color-btn:where(.svelte-2oyux7),.palette-grid.dense-64.svelte-2oyux7 .color-btn:where(.svelte-2oyux7){height:16px;border:1px solid rgba(0,0,0,.45);border-radius:3px}.palette-grid.dense-32.svelte-2oyux7 .color-btn.is-pri:where(.svelte-2oyux7),.palette-grid.dense-64.svelte-2oyux7 .color-btn.is-pri:where(.svelte-2oyux7){box-shadow:inset 0 0 0 2px #00d2ff;z-index:2}.palette-grid.dense-32.svelte-2oyux7 .color-btn.is-sec:where(.svelte-2oyux7),.palette-grid.dense-64.svelte-2oyux7 .color-btn.is-sec:where(.svelte-2oyux7){box-shadow:inset 0 0 0 2px #ff453a;z-index:2}.palette-grid.dense-32.svelte-2oyux7 .color-btn.is-both:where(.svelte-2oyux7),.palette-grid.dense-64.svelte-2oyux7 .color-btn.is-both:where(.svelte-2oyux7){box-shadow:inset 0 0 0 2px #00d2ff,inset 0 0 0 4px #ff453a;z-index:2}.palette-grid.dense-32.svelte-2oyux7 .badge:where(.svelte-2oyux7),.palette-grid.dense-64.svelte-2oyux7 .badge:where(.svelte-2oyux7){font-size:8px;padding:0 2px;line-height:9px;border-radius:2px}.palette-grid.dense-small.svelte-2oyux7{gap:1.5px}.palette-grid.dense-small.svelte-2oyux7 .color-btn:where(.svelte-2oyux7){height:12px;border:1px solid rgba(0,0,0,.45);border-radius:2px}.palette-grid.dense-small.svelte-2oyux7 .color-btn.is-pri:where(.svelte-2oyux7){box-shadow:inset 0 0 0 1.5px #00d2ff;z-index:2}.palette-grid.dense-small.svelte-2oyux7 .color-btn.is-sec:where(.svelte-2oyux7){box-shadow:inset 0 0 0 1.5px #ff453a;z-index:2}.palette-grid.dense-small.svelte-2oyux7 .color-btn.is-both:where(.svelte-2oyux7){box-shadow:inset 0 0 0 1.5px #00d2ff,inset 0 0 0 3px #ff453a;z-index:2}.palette-grid.dense-small.svelte-2oyux7 .badge:where(.svelte-2oyux7){display:none}.color-btn.svelte-2oyux7{height:28px;border:1px solid rgba(0,0,0,.35);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box;padding:0;transition:transform .08s ease}.color-btn.svelte-2oyux7:hover{outline:2px solid #ffffff;z-index:3;transform:scale(1.05)}.badge.svelte-2oyux7{font-size:10px;font-weight:700;color:#fff;background:#000000b3;padding:1px 4px;border-radius:3px;box-shadow:0 1px 3px #0009;pointer-events:none;letter-spacing:.5px}.badge.pri.svelte-2oyux7{border:1px solid #0a84ff;color:#70b4ff}.badge.sec.svelte-2oyux7{border:1px solid #ff453a;color:#ff9f9a}.badge.pri-sec.svelte-2oyux7{border:1px solid #ff9f0a;color:#ffd60a}.color-map-wrapper.svelte-2oyux7{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.color-map-canvas.svelte-2oyux7{image-rendering:pixelated;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:crosshair;box-shadow:0 4px 12px #00000073}.color-readout.svelte-2oyux7{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 8px;font-family:ui-monospace,monospace;font-size:10px}.readout-content.svelte-2oyux7{display:flex;align-items:center;gap:6px}.readout-dot.svelte-2oyux7{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.4);flex-shrink:0}.readout-idx.svelte-2oyux7{font-weight:600;color:#0a84ff}.readout-rgb.svelte-2oyux7{color:#8e8e93;flex:1}.readout-hex.svelte-2oyux7{color:#f5f5f7;font-weight:600}.tools-panel.svelte-o2vpbb{padding:8px;display:flex;flex-direction:column;gap:8px;color:#e5e5ea;font-size:12px;-webkit-user-select:none;user-select:none}.tool-list.svelte-o2vpbb{display:flex;flex-direction:column;gap:2px}.tool-btn.svelte-o2vpbb{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;background:transparent;border:1px solid transparent;color:#d1d1d6;border-radius:6px;cursor:pointer;font-size:12px;font-weight:400;transition:all .12s ease}.tool-btn-left.svelte-o2vpbb{display:flex;align-items:center;gap:7px;min-width:0}.tool-svg.svelte-o2vpbb{flex-shrink:0;opacity:.85}.tool-label.svelte-o2vpbb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-btn.svelte-o2vpbb:hover{background:#ffffff12;color:#fff}.tool-btn.active.svelte-o2vpbb{background:#0a84ff;border-color:#fff3;color:#fff;font-weight:500;box-shadow:0 1px 3px #00000059,inset 0 1px #ffffff40}.tool-btn.active.svelte-o2vpbb .tool-svg:where(.svelte-o2vpbb){opacity:1}.tool-shortcut.svelte-o2vpbb{color:#8e8e93;font-size:10px;font-weight:500}.tool-btn.active.svelte-o2vpbb .tool-shortcut:where(.svelte-o2vpbb){color:#ffffffd9}.action-buttons.svelte-o2vpbb{display:flex;flex-direction:column;gap:4px}.action-btn.svelte-o2vpbb{padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#d1d1d6;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;text-align:left;display:flex;align-items:center;gap:6px;transition:all .12s ease;box-shadow:0 1px 2px #0003}.action-btn.svelte-o2vpbb:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e;color:#fff}.action-btn.svelte-o2vpbb:disabled{opacity:.35;cursor:not-allowed}.divider.svelte-o2vpbb{height:1px;background:#ffffff14;margin:4px 0}.section-label.svelte-o2vpbb{font-size:10px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.button-group.svelte-o2vpbb{display:flex;background:#00000059;padding:2px;border-radius:7px;border:1px solid rgba(255,255,255,.08);gap:2px}.toggle-btn.svelte-o2vpbb{flex:1;padding:4px 6px;background:transparent;border:none;color:#a1a1a6;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;transition:all .12s ease}.toggle-btn.svelte-o2vpbb:hover{color:#f5f5f7}.toggle-btn.active.svelte-o2vpbb{background:#ffffff24;color:#fff;box-shadow:0 1px 3px #00000059,inset 0 .5px #fff3}.size-row.svelte-o2vpbb{margin-top:4px}.slider.svelte-o2vpbb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff24;outline:none;cursor:pointer;margin:8px 0 4px}.slider.svelte-o2vpbb::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#f5f5f7;border:.5px solid rgba(0,0,0,.2);box-shadow:0 1px 4px #00000073;cursor:pointer;transition:transform .1s ease}.slider.svelte-o2vpbb::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider.svelte-o2vpbb::-webkit-slider-thumb:active{transform:scale(.95);background:#0a84ff}.shift-grid.svelte-o2vpbb{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.shift-btn.svelte-o2vpbb{height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#d1d1d6;border-radius:6px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .12s ease;box-shadow:0 1px 2px #0003}.shift-btn.svelte-o2vpbb:hover{background:#ffffff1f;color:#fff;border-color:#ffffff2e}.shift-btn.svelte-o2vpbb:active{transform:translateY(1px);box-shadow:none}.transform-buttons.svelte-o2vpbb{display:flex;flex-direction:column;gap:4px}.button-row.svelte-o2vpbb{display:flex;gap:4px}.transform-btn.svelte-o2vpbb{flex:1;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#d1d1d6;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;box-shadow:0 1px 2px #0003}.transform-btn.svelte-o2vpbb:hover{background:#ffffff1f;color:#fff;border-color:#ffffff2e}.transform-btn.svelte-o2vpbb:active{background:#ffffff08;transform:translateY(1px);box-shadow:none}.graphics-panel.svelte-yn362v{padding:8px;display:flex;flex-direction:column;gap:8px;color:#e5e5ea;font-size:12px;-webkit-user-select:none;user-select:none}.properties-section.svelte-yn362v{display:flex;flex-direction:column;gap:6px;flex-shrink:0;box-sizing:border-box}.presets-row.svelte-yn362v{display:flex;margin-left:46px}.divider.svelte-yn362v{height:1px;background:#ffffff14;margin:2px 0;flex-shrink:0}.graphics-view-section.svelte-yn362v{display:flex;flex-direction:column;gap:6px}.header.svelte-yn362v{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-title-row.svelte-yn362v{display:flex;align-items:center;gap:6px}.title.svelte-yn362v{font-weight:600;font-size:12px;color:#fff;letter-spacing:-.1px}.count-pill.svelte-yn362v{background:#ffffff14;color:#a1a1a6;font-size:9px;font-weight:600;padding:1px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,monospace}.add-buttons.svelte-yn362v{display:flex;gap:4px}.add-btn.svelte-yn362v{padding:3px 8px;background:#0a84ff1f;border:1px solid rgba(10,132,255,.3);color:#5ac8fa;border-radius:999px;font-size:10px;font-weight:500;cursor:pointer;transition:all .12s ease}.add-btn.svelte-yn362v:hover{background:#0a84ff40;color:#fff;border-color:#0a84ff80}.graphics-frame.svelte-yn362v{display:flex;flex-direction:column;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.graphics-list.svelte-yn362v{display:flex;flex-direction:column;padding:3px 0}.graphic-item.svelte-yn362v{display:flex;align-items:center;justify-content:space-between;background:transparent;border-bottom:1px solid rgba(255,255,255,.04);padding:5px 8px;margin:1px 3px;border-radius:6px;cursor:grab;transition:all .12s ease;-webkit-user-select:none;user-select:none}.graphic-item.svelte-yn362v:last-child{border-bottom:none}.graphic-item.svelte-yn362v:hover:not(.active){background:#ffffff0f}.graphic-item.active.svelte-yn362v{background:#0a84ff;color:#fff;box-shadow:0 1px 3px #00000040}.graphic-item.dragging.svelte-yn362v{opacity:.35;cursor:grabbing}.graphic-item.drag-over.svelte-yn362v{border-top:2px solid #00d2ff;background:#0a84ff40}.select-btn.svelte-yn362v{display:flex;align-items:center;gap:8px;background:none;border:none;color:inherit;font-size:11px;cursor:pointer;text-align:left;padding:0;flex:1;min-width:0}.thumb-container.svelte-yn362v{width:28px;height:28px;min-width:28px;background:#0d0d12;border:1px solid rgba(255,255,255,.12);border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 2px #0000004d}.thumb-container.active-thumb.svelte-yn362v{border-color:#fff6}.thumb-canvas.svelte-yn362v{max-width:26px;max-height:26px;image-rendering:pixelated}.graphic-meta.svelte-yn362v{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.name.svelte-yn362v{font-weight:500;color:#e5e5ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.graphic-item.active.svelte-yn362v .name:where(.svelte-yn362v){color:#fff;font-weight:600}.subtext.svelte-yn362v{font-size:9px;color:#8e8e93;font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graphic-item.active.svelte-yn362v .subtext:where(.svelte-yn362v){color:#ffffffd9}.actions.svelte-yn362v{display:flex;gap:2px;flex-shrink:0;opacity:.8}.graphic-item.svelte-yn362v:hover .actions:where(.svelte-yn362v),.graphic-item.active.svelte-yn362v .actions:where(.svelte-yn362v){opacity:1}.icon-btn.svelte-yn362v{background:none;border:none;color:#a1a1a6;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;transition:all .12s ease}.graphic-item.active.svelte-yn362v .icon-btn:where(.svelte-yn362v){color:#ffffffe6}.icon-btn.svelte-yn362v:hover{color:#fff;background:#ffffff26}.delete-btn.svelte-yn362v:hover{color:#ff453a;background:#ff453a33}.section-label.svelte-yn362v{font-weight:600;font-size:10px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.field-row.svelte-yn362v{display:flex;align-items:center;gap:6px}.label.svelte-yn362v{color:#8e8e93;font-size:11px;width:40px}.text-input.svelte-yn362v{flex:1;background:#00000059;border:1px solid rgba(255,255,255,.12);color:#fff;padding:4px 7px;border-radius:6px;font-size:11px;outline:none;transition:all .12s ease}.text-input.svelte-yn362v:focus{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff4d}.button-group.svelte-yn362v{display:flex;background:#00000059;padding:2px;border-radius:7px;border:1px solid rgba(255,255,255,.08);gap:2px;flex:1}.toggle-btn.svelte-yn362v{flex:1;padding:3px 2px;background:transparent;border:none;color:#a1a1a6;border-radius:5px;font-size:10px;font-weight:500;cursor:pointer;transition:all .12s ease}.toggle-btn.active.svelte-yn362v{background:#ffffff24;color:#fff;font-weight:600;box-shadow:0 1px 3px #00000059,inset 0 .5px #fff3}.toggle-btn.svelte-yn362v:hover:not(.active):not(:disabled){background:#ffffff0f;color:#f5f5f7}.toggle-btn.svelte-yn362v:disabled{opacity:.25;cursor:not-allowed}.dim-inputs.svelte-yn362v{display:flex;align-items:center;gap:4px;font-size:11px;color:#8e8e93}.num-input.svelte-yn362v{width:50px;background:#00000059;border:1px solid rgba(255,255,255,.12);color:#fff;padding:4px 6px;border-radius:6px;font-size:11px;outline:none;transition:all .12s ease}.num-input.svelte-yn362v:focus{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff4d}.num-input.svelte-yn362v:disabled{opacity:.5;cursor:default;background:#ffffff05;border-color:#ffffff0f;color:#6e6e73}.charset-info-badge.svelte-yn362v{font-size:10px;color:#8e8e93;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-props.svelte-yn362v{justify-content:flex-start}.empty-hint.svelte-yn362v{font-size:11px;color:#6e6e73;font-style:italic;padding:10px 0}.menu-bar.svelte-1r0c9ii{display:flex;align-items:center;justify-content:space-between;background:#18181ce0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);padding:0 10px;height:32px;font-size:12px;position:relative;z-index:100}.menu-left.svelte-1r0c9ii{display:flex;align-items:center}.menu-right.svelte-1r0c9ii{display:flex;align-items:center;gap:6px;padding-right:4px;-webkit-user-select:none;user-select:none}.menu-center.svelte-1r0c9ii{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:10}.fatpixel-logo.svelte-1r0c9ii{display:inline-flex;align-items:center;gap:7px;padding:2px 8px;border-radius:6px;line-height:1;cursor:default;transition:all .15s ease}.fatpixel-logo.svelte-1r0c9ii:hover{background:#ffffff0d;filter:drop-shadow(0 0 8px rgba(56,189,248,.4))}.logo-icon.svelte-1r0c9ii{display:block;flex-shrink:0;filter:drop-shadow(0 0 1px rgba(255,255,255,.45))}.logo-text.svelte-1r0c9ii{font-size:13px;letter-spacing:.4px;line-height:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif}.logo-fat.svelte-1r0c9ii{font-weight:800;color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.35)}.logo-pixel.svelte-1r0c9ii{font-weight:600;color:#f5f5f7}.version-badge.svelte-1r0c9ii{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8e8e93;font-size:10px;padding:2px 7px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.menu-item.svelte-1r0c9ii{position:relative}.menu-btn.svelte-1r0c9ii{background:none;border:none;color:#d1d1d6;padding:4px 9px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:-.1px;transition:background .1s ease,color .1s ease}.menu-btn.svelte-1r0c9ii:hover{background:#ffffff14;color:#fff}.menu-btn.active.svelte-1r0c9ii{background:#ffffff24;color:#fff}.dropdown.svelte-1r0c9ii{position:absolute;top:calc(100% + 4px);left:0;background:#202026f0;backdrop-filter:blur(25px) saturate(190%);-webkit-backdrop-filter:blur(25px) saturate(190%);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 12px 32px #0009,0 2px 6px #00000059,inset 0 .5px .5px #ffffff26;min-width:190px;padding:5px;z-index:200}.dropdown-item.svelte-1r0c9ii{width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:none;border:none;color:#e5e5ea;font-size:12px;font-weight:400;cursor:pointer;text-align:left;border-radius:5px;transition:background .08s ease,color .08s ease}.dropdown-item.svelte-1r0c9ii:hover:not(:disabled){background:#0a84ff;color:#fff}.dropdown-item.svelte-1r0c9ii:hover:not(:disabled) .shortcut:where(.svelte-1r0c9ii){color:#ffffffd9}.dropdown-item.svelte-1r0c9ii:disabled{color:#ffffff47;cursor:default}.shortcut.svelte-1r0c9ii{color:#8e8e93;font-size:11px;font-weight:400;margin-left:16px;letter-spacing:.2px}.dropdown-divider.svelte-1r0c9ii{height:1px;background:#ffffff14;margin:5px 4px}.dropdown-section-title.svelte-1r0c9ii{padding:6px 10px 3px;font-size:10px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.6px;-webkit-user-select:none;user-select:none}.header-toggle-btn.svelte-1r0c9ii,.help-link-btn.svelte-1r0c9ii{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c7c7cc;padding:3px 9px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 1px 2px #0003}.header-toggle-btn.svelte-1r0c9ii:hover,.help-link-btn.svelte-1r0c9ii:hover{background:#ffffff1f;color:#fff;border-color:#ffffff2e}.header-toggle-btn.active.svelte-1r0c9ii{color:#fff;border-color:#0a84ff80;background:#0a84ff4d;box-shadow:0 0 8px #0a84ff40}.header-divider.svelte-1r0c9ii{width:1px;height:14px;background:#ffffff1a;margin:0 2px}.github-badge.svelte-1r0c9ii{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d1d1d6;text-decoration:none;font-size:11px;font-weight:500;padding:3px 9px;border-radius:999px;line-height:1;transition:all .15s ease}.github-badge.svelte-1r0c9ii:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff;box-shadow:0 0 10px #ffffff1a}.github-icon.svelte-1r0c9ii{width:13px;height:13px;fill:currentColor;flex-shrink:0}@media(max-width:650px){.menu-center.svelte-1r0c9ii,.version-badge.svelte-1r0c9ii,.github-text.svelte-1r0c9ii{display:none}.github-badge.svelte-1r0c9ii{padding:3px 5px}}.status-bar.svelte-1h7dsph{display:flex;justify-content:space-between;align-items:center;background:#16161af2;border-top:1px solid rgba(255,255,255,.08);padding:0 12px;height:25px;font-size:11px;color:#8e8e93;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.left-section.svelte-1h7dsph,.right-section.svelte-1h7dsph{display:flex;align-items:center;gap:8px;min-width:0}.dim-text.svelte-1h7dsph{color:#e5e5ea;font-weight:500}.zoom-text.svelte-1h7dsph{font-family:ui-monospace,monospace;color:#a1a1a6}.hover-text.svelte-1h7dsph{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a1a1a6}.sep.svelte-1h7dsph{color:#ffffff1f}.saved-badge.svelte-1h7dsph{color:#30d158;font-weight:500}.saving-badge.svelte-1h7dsph{color:#0a84ff;font-weight:500}.dirty-badge.svelte-1h7dsph{color:#ff9f0a;font-weight:500}.hints.svelte-1h7dsph{color:#6e6e73}.version-tag.svelte-1h7dsph{color:#8e8e93;font-family:ui-monospace,monospace;font-size:10px;padding:1px 6px;background:#ffffff0d;border-radius:999px;border:1px solid rgba(255,255,255,.08)}@media(max-width:900px){.hints.svelte-1h7dsph{display:none}}@media(max-width:650px){.version-tag.svelte-1h7dsph{display:none}}.help-backdrop.svelte-urd4y6{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.help-window.svelte-urd4y6{background:#1e1e26f2;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 24px 60px #000000bf,0 0 0 1px #0000004d;width:860px;max-width:96vw;height:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;color:#e5e5ea;font-size:13px;line-height:1.5}.help-header.svelte-urd4y6{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.header-left.svelte-urd4y6{display:flex;align-items:center;gap:12px}.help-badge-icon.svelte-urd4y6{display:flex;align-items:center;justify-content:center;background:#00000059;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.help-title.svelte-urd4y6{margin:0;font-size:14px;font-weight:600;color:#fff;letter-spacing:-.1px}.help-subtitle.svelte-urd4y6{font-size:11px;color:#8e8e93}.help-close-btn.svelte-urd4y6{background:transparent;border:none;color:#8e8e93;font-size:16px;cursor:pointer;padding:3px 8px;border-radius:4px;transition:color .12s,background .12s}.help-close-btn.svelte-urd4y6:hover{color:#fff;background:#ffffff1a}.help-tabs.svelte-urd4y6{display:flex;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);padding:6px 12px;gap:4px;flex-shrink:0}.tab-btn.svelte-urd4y6{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:#a1a1a6;padding:6px 14px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .12s ease}.tab-btn.svelte-urd4y6:hover{color:#fff;background:#ffffff0f}.tab-btn.active.svelte-urd4y6{background:#ffffff24;border-color:#ffffff24;color:#fff;font-weight:600;box-shadow:0 1px 3px #00000059,inset 0 .5px #fff3}.help-content.svelte-urd4y6{flex:1;overflow-y:auto;padding:20px 24px;background:#141418}.tab-pane.svelte-urd4y6{display:flex;flex-direction:column;gap:20px}.help-section.svelte-urd4y6{display:flex;flex-direction:column;gap:10px}.section-title.svelte-urd4y6{margin:0;font-size:14px;font-weight:700;color:#fff;border-bottom:1px solid #2d2d3e;padding-bottom:6px}.section-desc.svelte-urd4y6{margin:0;color:#b0b0c4;font-size:13px}.grid-2col.svelte-urd4y6{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card.svelte-urd4y6{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.card-header.svelte-urd4y6{display:flex;align-items:center;gap:8px}.card-title.svelte-urd4y6{font-size:13px;font-weight:600;color:#fff}.card-text.svelte-urd4y6{margin:0;font-size:12px;color:#a1a1a6;line-height:1.5}.workflow-card.svelte-urd4y6{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px 18px;display:flex;flex-direction:column;gap:8px}.workflow-title.svelte-urd4y6{margin:0;font-size:13px;font-weight:600;color:#ff9f0a}.workflow-list.svelte-urd4y6{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:#c7c7cc;font-size:12px}.workflow-list.svelte-urd4y6 li:where(.svelte-urd4y6){line-height:1.5}.workflow-list.svelte-urd4y6 strong:where(.svelte-urd4y6){color:#fff}.search-bar.svelte-urd4y6{position:relative;display:flex;align-items:center;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 12px;gap:8px;transition:all .15s ease}.search-bar.svelte-urd4y6:focus-within{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff4d}.search-icon.svelte-urd4y6{font-size:13px;opacity:.6}.search-input.svelte-urd4y6{flex:1;background:transparent;border:none;color:#fff;font-size:13px;outline:none}.search-clear-btn.svelte-urd4y6{background:transparent;border:none;color:#8e8e93;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;transition:color .12s}.search-clear-btn.svelte-urd4y6:hover{color:#fff}.shortcuts-grid.svelte-urd4y6{display:flex;flex-direction:column;gap:16px}.shortcut-group.svelte-urd4y6{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.group-title.svelte-urd4y6{margin:0;padding:8px 14px;background:#ffffff0a;font-size:11px;font-weight:600;color:#a1a1a6;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.5px}.shortcuts-table.svelte-urd4y6{width:100%;border-collapse:collapse;font-size:12px}.shortcuts-table.svelte-urd4y6 tr:where(.svelte-urd4y6){border-bottom:1px solid rgba(255,255,255,.04)}.shortcuts-table.svelte-urd4y6 tr:where(.svelte-urd4y6):last-child{border-bottom:none}.key-cell.svelte-urd4y6{padding:8px 14px;width:220px;vertical-align:middle}.desc-cell.svelte-urd4y6{padding:8px 14px;color:#c7c7cc;vertical-align:middle}kbd.svelte-urd4y6{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 1px 2px #0006,inset 0 .5px #fff3;border-radius:5px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#fff;font-weight:500;white-space:nowrap}.mode-cards.svelte-urd4y6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card.svelte-urd4y6{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px}.mode-badge.svelte-urd4y6{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;width:fit-content}.mode-badge.bpp-1.svelte-urd4y6{background:#0a84ff2e;color:#70b4ff;border:1px solid rgba(10,132,255,.35)}.mode-badge.bpp-2.svelte-urd4y6{background:#bf5af22e;color:#da8fff;border:1px solid rgba(191,90,242,.35)}.mode-badge.bpp-8.svelte-urd4y6{background:#423820;color:#fc5;border:1px solid #6e5828}.mode-name.svelte-urd4y6{margin:0;font-size:13px;font-weight:600;color:#fff}.mode-desc.svelte-urd4y6{margin:0;font-size:12px;color:#a4adc4;line-height:1.45}.aspect-grid.svelte-urd4y6{display:grid;grid-template-columns:1fr 1fr;gap:12px}.palette-list.svelte-urd4y6{margin:0;padding-left:18px;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;color:#bac4da;font-size:12px}.palette-list.svelte-urd4y6 strong:where(.svelte-urd4y6){color:#e4eaf4}.about-pane.svelte-urd4y6{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:10px 20px}.about-hero.svelte-urd4y6{display:flex;flex-direction:column;align-items:center;gap:6px}.about-logo.svelte-urd4y6{margin-bottom:6px}.about-title.svelte-urd4y6{margin:0;font-size:26px;font-weight:900;letter-spacing:-.5px}.brand-fat.svelte-urd4y6{color:#fff}.brand-pixel.svelte-urd4y6{color:#fa3}.about-tagline.svelte-urd4y6{margin:0;font-size:14px;color:#99aabf}.about-version.svelte-urd4y6{font-family:monospace;font-size:12px;color:#59f;background:#5599ff1f;border:1px solid rgba(85,153,255,.3);padding:2px 8px;border-radius:12px;margin-top:4px}.about-body.svelte-urd4y6{max-width:580px;display:flex;flex-direction:column;gap:18px;color:#cad3e8;font-size:13px;line-height:1.6}.copyright-box.svelte-urd4y6{background:#151520;border:1px solid #333348;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:6px}.author-line.svelte-urd4y6{font-size:13px;color:#fff}.copyright-notice.svelte-urd4y6{font-size:12px;color:#8da2c0;font-family:monospace}.about-links.svelte-urd4y6{display:flex;justify-content:center;gap:12px}.about-github-link.svelte-urd4y6{display:inline-flex;align-items:center;gap:8px;background:#252535;border:1px solid #3d3d52;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.about-github-link.svelte-urd4y6:hover{background:#333348;border-color:#59f;color:#fff}.empty-results.svelte-urd4y6{padding:30px;text-align:center;color:#889;font-style:italic}.help-footer.svelte-urd4y6{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#20202c;border-top:1px solid #323244;flex-shrink:0}.footer-hint.svelte-urd4y6{font-size:11px;color:#7e8ea6}.close-action-btn.svelte-urd4y6{background:#2c2c3c;border:1px solid #444458;color:#eee;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.close-action-btn.svelte-urd4y6:hover{background:#3c3c52;border-color:#679;color:#fff}.modal-backdrop.svelte-eolnk8{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card.svelte-eolnk8{background:#24242cf0;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 24px 60px #000000b3,0 0 0 1px #0000004d;width:440px;max-width:90vw;overflow:hidden;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.modal-header.svelte-eolnk8{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title.svelte-eolnk8{margin:0;font-size:13px;font-weight:600;color:#fff;letter-spacing:-.1px}.modal-close-btn.svelte-eolnk8{background:transparent;border:none;color:#8e8e93;font-size:14px;cursor:pointer;padding:3px 6px;border-radius:4px;transition:all .12s ease}.modal-close-btn.svelte-eolnk8:hover{color:#fff;background:#ffffff1a}.modal-body.svelte-eolnk8{padding:18px;display:flex;flex-direction:column;gap:16px}.file-summary.svelte-eolnk8{display:flex;align-items:center;gap:12px;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px}.file-icon.svelte-eolnk8{font-size:24px;line-height:1}.file-meta.svelte-eolnk8{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name.svelte-eolnk8{font-size:13px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-dims.svelte-eolnk8{font-size:11px;color:#8e8e93;font-family:ui-monospace,monospace}.option-group.svelte-eolnk8{display:flex;flex-direction:column;gap:6px}.group-label.svelte-eolnk8{font-size:11px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.segmented-control.svelte-eolnk8{display:flex;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:2px;gap:2px}.segment-btn.svelte-eolnk8{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;color:#a1a1a6;font-size:12px;font-weight:500;padding:6px 10px;border-radius:5px;cursor:pointer;transition:all .12s ease}.segment-btn.svelte-eolnk8:hover{color:#f5f5f7;background:#ffffff0a}.segment-btn.active.svelte-eolnk8{background:#0a84ff;color:#fff;font-weight:600;box-shadow:0 1px 3px #00000059}.slice-summary.svelte-eolnk8{display:flex;align-items:center;gap:10px;background:#0a84ff1f;border:1px solid rgba(10,132,255,.3);border-radius:6px;padding:8px 12px}.slice-icon.svelte-eolnk8{font-size:16px}.slice-text.svelte-eolnk8{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#f5f5f7}.slice-detail.svelte-eolnk8{font-size:11px;color:#a1a1a6}.option-row.svelte-eolnk8{display:flex;gap:12px}.option-half.svelte-eolnk8{flex:1;display:flex;flex-direction:column;gap:6px}.modal-select.svelte-eolnk8{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#fff;font-size:12px;padding:6px 10px;outline:none;cursor:pointer;transition:all .12s ease}.modal-select.svelte-eolnk8:focus{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff4d}.modal-footer.svelte-eolnk8{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.08)}.dialog-btn.svelte-eolnk8{padding:6px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.dialog-btn-secondary.svelte-eolnk8{background:#ffffff14;border-color:#ffffff1f;color:#f5f5f7}.dialog-btn-secondary.svelte-eolnk8:hover{background:#ffffff26}.dialog-btn-primary.svelte-eolnk8{background:#0a84ff;border-color:#fff3;color:#fff;box-shadow:0 1px 3px #0000004d}.dialog-btn-primary.svelte-eolnk8:hover{background:#0071e3}.app-shell.svelte-1n46o8q{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--color-bg-base);color:var(--color-text-primary);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif}.main-workspace.svelte-1n46o8q{display:flex;flex:1;overflow:hidden;position:relative;background:#141418}.panel.svelte-1n46o8q{background:#19191f;border-color:#ffffff14;z-index:10}.left-panel.svelte-1n46o8q{flex:0 0 132px;width:132px;min-width:132px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.left-panel.collapsed.svelte-1n46o8q{display:none}.right-panel.svelte-1n46o8q{flex:0 0 275px;width:275px;min-width:275px;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.right-panel.collapsed.svelte-1n46o8q{display:none}.panel-divider.svelte-1n46o8q{height:1px;background:#ffffff14;margin:2px 0;flex-shrink:0}.panel-header-compact.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#121216f2;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.panel-header-title.svelte-1n46o8q{font-size:10px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.panel-collapse-btn.svelte-1n46o8q{background:transparent;border:none;color:#8e8e93;padding:2px 6px;border-radius:4px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.panel-collapse-btn.svelte-1n46o8q:hover{background:#ffffff14;color:#fff}.floating-panel-toggle.svelte-1n46o8q{position:absolute;top:10px;background:#1e1e26d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.14);color:#f5f5f7;font-size:11px;font-weight:500;padding:5px 11px;border-radius:999px;cursor:pointer;z-index:60;box-shadow:0 4px 14px #00000073;transition:all .15s ease}.floating-panel-toggle.svelte-1n46o8q:hover{background:#2d2d38f2;border-color:#0a84ff80;color:#fff;box-shadow:0 6px 18px #0000008c}.left-toggle.svelte-1n46o8q{left:10px}.right-toggle.svelte-1n46o8q{right:10px}.right-panel-content.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.canvas-area.svelte-1n46o8q{flex:1;position:relative;background:#141418;min-width:0}.modal-backdrop.svelte-1n46o8q{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card.svelte-1n46o8q{background:#24242cf0;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 24px 60px #000000b3,0 0 0 1px #0000004d;width:380px;max-width:90vw;overflow:hidden;color:#f5f5f7}.modal-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title.svelte-1n46o8q{margin:0;font-size:13px;font-weight:600;color:#fff;letter-spacing:-.1px}.modal-close-btn.svelte-1n46o8q{background:transparent;border:none;color:#8e8e93;font-size:14px;cursor:pointer;padding:3px 6px;border-radius:4px;transition:all .12s ease}.modal-close-btn.svelte-1n46o8q:hover{color:#fff;background:#ffffff1a}.modal-body.svelte-1n46o8q{padding:18px;display:flex;flex-direction:column;gap:8px}.modal-label.svelte-1n46o8q{font-size:12px;color:#a1a1a6;font-weight:500}.input-with-ext.svelte-1n46o8q{display:flex;align-items:center;background:#00000059;border:1px solid rgba(255,255,255,.14);border-radius:6px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.input-with-ext.svelte-1n46o8q:focus-within{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff4d}.modal-input.svelte-1n46o8q{flex:1;background:transparent;border:none;padding:8px 12px;color:#fff;font-size:13px;outline:none}.file-ext.svelte-1n46o8q{padding-right:12px;color:#8e8e93;font-size:12px;font-family:ui-monospace,monospace;-webkit-user-select:none;user-select:none}.modal-footer.svelte-1n46o8q{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.08)}.dialog-btn.svelte-1n46o8q{padding:6px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.dialog-btn-secondary.svelte-1n46o8q{background:#ffffff14;border-color:#ffffff1f;color:#f5f5f7}.dialog-btn-secondary.svelte-1n46o8q:hover{background:#ffffff26}.dialog-btn-primary.svelte-1n46o8q{background:#0a84ff;border-color:#fff3;color:#fff;box-shadow:0 1px 3px #0000004d}.dialog-btn-primary.svelte-1n46o8q:hover{background:#0071e3}