:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0}#app{min-height:100vh}.uploader.svelte-em5upc{width:100%;border-radius:16px;background:linear-gradient(135deg,#4d12ac,#0e067a)}.uploader.svelte-em5upc label:where(.svelte-em5upc){display:block;width:100%;border-radius:16px;padding:1.5rem;transition:all .2s;cursor:pointer;box-sizing:border-box}.uploader.svelte-em5upc label:where(.svelte-em5upc):hover{border-color:#007bff;background:#0b055e}.label-text.svelte-em5upc{display:block;text-align:center;font-weight:600;margin-bottom:.5rem;color:#fff;font-size:1.25rem}input[type=file].svelte-em5upc{display:none}.file-name.svelte-em5upc{display:block;color:#fff;font-weight:500;padding:.5rem;background:#4829bb;border-radius:4px}.placeholder.svelte-em5upc{display:block;color:#999;padding:.5rem;text-align:center}.sprite-list.svelte-10zkp7j{display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-color);height:100%;overflow:hidden}.list-header.svelte-10zkp7j{padding:1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.list-footer.svelte-10zkp7j{display:block;width:100%;text-align:center}.line.svelte-10zkp7j{background-color:var(--border-color);width:100%;height:1px;margin:0}.btn.svelte-10zkp7j{display:block;width:100%;margin:0;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:0;font-size:1rem;font-weight:500;transition:all .2s;cursor:pointer;box-sizing:border-box}.btn.svelte-10zkp7j:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-10zkp7j{background:#007bff;color:#fff}.btn-primary.svelte-10zkp7j:hover:not(:disabled){background:#0056b3}.search.svelte-10zkp7j{display:flex;align-items:center}.search-input.svelte-10zkp7j{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;margin-bottom:.5rem;background:var(--bg-primary);color:var(--text-primary)}.search-input.svelte-10zkp7j:focus{outline:none;border-color:#007bff}.view-all-btn.svelte-10zkp7j{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;text-align:left;color:var(--text-primary)}.view-all-btn.svelte-10zkp7j:hover{background:var(--bg-tertiary)}.view-all-btn.active.svelte-10zkp7j{background:#007bff;color:#fff;border-color:#007bff}.list-items.svelte-10zkp7j{overflow-y:auto;flex:1;min-height:0}.list-item.svelte-10zkp7j{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;border-bottom:1px solid var(--border-light);background:var(--bg-primary);cursor:pointer;transition:all .2s;text-align:left}.list-item.svelte-10zkp7j:hover{background:var(--bg-secondary)}.list-item.selected.svelte-10zkp7j{background:#e7f3ff;border-left:3px solid #007bff}.dark .list-item.selected.svelte-10zkp7j{background:#1a3a52}.sprite-thumb.svelte-10zkp7j{width:40px;height:40px;background:repeating-conic-gradient(var(--border-light) 0% 25%,var(--bg-primary) 0% 50%) 50% / 10px 10px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sprite-thumb.svelte-10zkp7j img:where(.svelte-10zkp7j){max-width:100%;max-height:100%;image-rendering:pixelated}.sprite-info.svelte-10zkp7j{flex:1;min-width:0}.sprite-name.svelte-10zkp7j{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprite-size.svelte-10zkp7j{font-size:.75rem;color:var(--text-secondary)}.preview-container.svelte-1rfyqa3{display:flex;flex-direction:column;height:100%;background:var(--bg-tertiary)}.preview-header.svelte-1rfyqa3{padding:.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.preview-title.svelte-1rfyqa3{display:flex;align-items:baseline;gap:8px}.preview-title.svelte-1rfyqa3 h2:where(.svelte-1rfyqa3),.preview-title.svelte-1rfyqa3 p:where(.svelte-1rfyqa3){margin:0;color:var(--text-primary)}.dimensions.svelte-1rfyqa3{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.header-actions.svelte-1rfyqa3{display:flex;gap:.5rem}.btn.svelte-1rfyqa3{padding:.5rem 1rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:500;transition:all .2s}.btn.svelte-1rfyqa3:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-1rfyqa3{background:#007bff;color:#fff}.btn-primary.svelte-1rfyqa3:hover:not(:disabled){background:#0056b3}.preview-content.svelte-1rfyqa3{flex:1;overflow:auto;padding:2rem;background:repeating-conic-gradient(var(--border-light) 0% 25%,transparent 0% 50%) 50% / 16px 16px;background-color:var(--bg-tertiary)}.preview-content-inner.svelte-1rfyqa3{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center}.preview-content.svelte-1rfyqa3 img:where(.svelte-1rfyqa3){display:block}.empty-state.svelte-1rfyqa3{text-align:center;color:var(--text-secondary);font-size:1.2rem}.zoom-controls.svelte-1rfyqa3{padding:1rem 2rem;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.zoom-controls.svelte-1rfyqa3 label:where(.svelte-1rfyqa3){flex:1;display:flex;align-items:center;gap:1rem}.zoom-controls.svelte-1rfyqa3 span:where(.svelte-1rfyqa3){font-weight:500;min-width:80px;color:var(--text-primary)}.zoom-slider.svelte-1rfyqa3{flex:1;height:6px;border-radius:3px;background:var(--border-color);outline:none;appearance:none;-webkit-appearance:none}.zoom-slider.svelte-1rfyqa3::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer}.zoom-slider.svelte-1rfyqa3::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.btn-small.svelte-1rfyqa3{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);cursor:pointer;font-weight:500;transition:all .2s;color:var(--text-primary)}.btn-small.svelte-1rfyqa3:hover{background:var(--bg-secondary)}.theme-switcher-grid.svelte-1n4ohpu{display:grid;grid-template-columns:repeat(54,1px);grid-template-rows:repeat(24,1px);gap:0;position:relative;background-color:#0dbdf6;border-radius:49px;border:1px solid #1c2135;cursor:pointer;transition:background-color .8s ease,border-color .8s ease;appearance:none;padding:0}.theme-switcher-grid.night-theme.svelte-1n4ohpu{background-color:#272a30;border-color:#f0f0e8}.sun.svelte-1n4ohpu{background-color:#fabc1c;grid-column:3 / 23;grid-row:3 / 23;border-radius:50%;transition:grid-column .8s ease,background-color .8s ease;height:20px}.theme-switcher-grid.night-theme.svelte-1n4ohpu .sun:where(.svelte-1n4ohpu){grid-column:33 / 53;background-color:#fffdf2}.moon-overlay.svelte-1n4ohpu{position:absolute;border-radius:50%;transition:left .8s ease,background-color .8s ease;z-index:1;background-color:#0dbdf6}.theme-switcher-grid.night-theme.svelte-1n4ohpu .moon-overlay:where(.svelte-1n4ohpu){display:block;left:calc(28 / 54 * 100%);top:calc(4 / 29 * 100%);width:18px;height:18px;background-color:#272a30}.cloud-ball.svelte-1n4ohpu{background-color:#fffdf2;border-radius:50%;width:9px;height:9px;position:absolute;transition:all .8s ease;z-index:2}.cloud-ball-left.svelte-1n4ohpu{top:calc((8 / 24) * 100%);left:calc((12 / 54) * 100%)}.cloud-ball-middle.svelte-1n4ohpu{top:calc((8 / 24) * 100%);left:calc((17 / 54) * 100%)}.cloud-ball-right.svelte-1n4ohpu{top:calc((8 / 24) * 100%);left:calc((22 / 54) * 100%)}.cloud-ball-top.svelte-1n4ohpu{top:25%;left:calc((17 / 54) * 100%)}.theme-switcher-grid.night-theme.svelte-1n4ohpu .cloud-ball-left:where(.svelte-1n4ohpu){top:calc((16 / 24) * 100%);left:calc((16 / 54) * 100%);width:2px;height:2px}.theme-switcher-grid.night-theme.svelte-1n4ohpu .cloud-ball-middle:where(.svelte-1n4ohpu){top:12.5%;left:calc((22 / 54) * 100%);width:2px;height:2px}.theme-switcher-grid.night-theme.svelte-1n4ohpu .cloud-ball-right:where(.svelte-1n4ohpu){top:calc((10 / 24) * 100%);left:calc((29 / 54) * 100%);width:2px;height:2px}.theme-switcher-grid.night-theme.svelte-1n4ohpu .cloud-ball-top:where(.svelte-1n4ohpu){top:calc((5 / 24) * 100%);left:calc((34 / 54) * 100%);width:2px;height:2px}.star.svelte-1n4ohpu{background-color:#fffdf2;width:1px;height:1px;position:absolute;opacity:0;transition:opacity .8s ease;border-radius:50%}#star1.svelte-1n4ohpu{top:calc((7 / 24) * 100%);left:calc((10 / 54) * 100%)}#star2.svelte-1n4ohpu{top:37.5%;left:calc((16 / 54) * 100%)}#star3.svelte-1n4ohpu{top:calc((13 / 24) * 100%);left:calc((23 / 54) * 100%)}#star4.svelte-1n4ohpu{top:75%;left:calc((29 / 54) * 100%)}.theme-switcher-grid.night-theme.svelte-1n4ohpu .star:where(.svelte-1n4ohpu){opacity:1}html{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #fafafa;--text-primary: #213547;--text-secondary: #666;--border-color: #ddd;--border-light: #f0f0f0;--shadow: rgba(0, 0, 0, .1)}html.dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #242424;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #404040;--border-light: #333333;--shadow: rgba(0, 0, 0, .3)}.app.svelte-1n46o8q{height:100vh;display:flex;flex-direction:column;overflow:hidden}.background.svelte-1n46o8q{position:relative;width:100%;height:100vh;overflow:hidden}.background.svelte-1n46o8q video:where(.svelte-1n46o8q){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.upload-container.svelte-1n46o8q{z-index:1;position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2rem 10rem}.branding.svelte-1n46o8q{text-align:center;margin-bottom:3rem;color:#fff}.branding.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:4rem;margin:0 0 1rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.branding.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:1.3rem;margin:0;opacity:.95}.upload-section.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,400px));gap:1.5rem;justify-content:center;align-items:start;width:100%;max-width:900px;margin:0 auto}.toolbar.svelte-1n46o8q{display:flex;gap:1rem;padding:.5rem 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;align-items:center;position:relative}.toolbar-right.svelte-1n46o8q{display:flex;align-items:center;margin-left:auto}.toolbar-right.svelte-1n46o8q a:where(.svelte-1n46o8q){line-height:0;margin-right:.5rem}.toolbar-right.svelte-1n46o8q a:where(.svelte-1n46o8q) svg:where(.svelte-1n46o8q){width:2rem;height:2rem}.logo.svelte-1n46o8q{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem}.logo-text.svelte-1n46o8q{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4d12ac,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn.svelte-1n46o8q{padding:.4rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:500;transition:all .2s}.btn.svelte-1n46o8q:disabled{opacity:.5;cursor:not-allowed}.btn-danger.svelte-1n46o8q{background:#dc3545;color:#fff}.btn-danger.svelte-1n46o8q:hover{background:#c82333}.btn-primary.svelte-1n46o8q{background:#007bff;color:#fff}.btn-primary.svelte-1n46o8q:hover:not(:disabled){background:#0056b3}.main-content.svelte-1n46o8q{display:grid;grid-template-columns:300px 1fr;flex:1;overflow:hidden;min-height:0}