body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f4f6fb;color:#202437}main.svelte-1n46o8q{max-width:1240px;margin:0 auto;padding:24px}.panel.svelte-1n46o8q{background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 24px #0e132814;margin-bottom:20px}h1.svelte-1n46o8q{margin:0 0 16px;font-size:clamp(22px,3vw,32px)}.zip-input.svelte-1n46o8q{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-weight:600}input[type=file].svelte-1n46o8q{border:1px solid #d2d7e6;border-radius:10px;padding:10px;background:#fcfdff}.actions.svelte-1n46o8q{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.download.svelte-1n46o8q{border:none;border-radius:10px;background:#0467ef;color:#fff;font-weight:700;padding:11px 16px;cursor:pointer}.download.svelte-1n46o8q:disabled{cursor:not-allowed;opacity:.6}.compression-controls.svelte-1n46o8q{display:grid;gap:10px;margin-bottom:14px}.compression-toggle.svelte-1n46o8q{display:flex;align-items:center;gap:8px;font-size:14px;color:#2d3651;font-weight:600}.compression-toggle.svelte-1n46o8q input:where(.svelte-1n46o8q){width:16px;height:16px}.quality-control.svelte-1n46o8q{display:flex;flex-direction:column;gap:6px}.quality-control.svelte-1n46o8q span:where(.svelte-1n46o8q){font-size:13px;color:#3d4865;font-weight:600}.quality-control.svelte-1n46o8q input[type=range]:where(.svelte-1n46o8q){width:100%}.grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.groups.svelte-1n46o8q{display:flex;flex-direction:column;gap:20px}.group.svelte-1n46o8q{display:flex;flex-direction:column;gap:12px}.group-header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.group-header.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0;font-size:20px}.group-corner-controls.svelte-1n46o8q{display:flex;align-items:center;gap:8px}.group-corner-controls.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:30px;height:30px;border:1px solid #c8d0e7;border-radius:8px;background:#f7f9ff;cursor:pointer;font-weight:700;font-size:16px}.group-corner-controls.svelte-1n46o8q span:where(.svelte-1n46o8q){min-width:108px;text-align:center;font-size:13px;color:#3d4865;font-weight:600}.card.svelte-1n46o8q{position:relative;background:#fff;border-radius:12px;box-shadow:0 6px 20px #141a3214;overflow:hidden;display:flex;flex-direction:column}.card-filename.svelte-1n46o8q{padding:12px 44px 12px 12px;font-size:14px;font-weight:700;color:#2d3651;background:#fff}.card-size.svelte-1n46o8q{padding:0 12px 10px;border-bottom:1px solid #eef1f8;font-size:12px;color:#5a678a;background:#fff;font-weight:600}.remove.svelte-1n46o8q{position:absolute;right:8px;top:8px;border:none;border-radius:999px;width:30px;height:30px;font-size:20px;line-height:1;background:#0f142cbf;color:#fff;cursor:pointer;z-index:2}img.svelte-1n46o8q,.placeholder.svelte-1n46o8q{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#f4f6fb}.placeholder.svelte-1n46o8q{display:grid;place-items:center;color:#7481a4}.offset-controls.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #eef1f8}.offset-controls.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:32px;height:32px;border:1px solid #c8d0e7;border-radius:8px;background:#f7f9ff;cursor:pointer;font-weight:700;font-size:18px}.offset-controls.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled,.group-corner-controls.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled,.joystick-controls.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled,.remove.svelte-1n46o8q:disabled{opacity:.5;cursor:not-allowed}.joystick-controls.svelte-1n46o8q{display:flex;align-items:center;justify-content:center;padding:12px;border-top:1px solid #eef1f8}.joystick-grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:8px;align-items:center;justify-items:center}.joystick-controls.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:32px;height:32px;border:1px solid #c8d0e7;border-radius:8px;background:#f7f9ff;cursor:pointer;font-weight:700;font-size:18px}.corner-btn.active.svelte-1n46o8q{border-color:#0467ef;color:#0467ef;background:#eaf2ff}.joystick-controls.svelte-1n46o8q .center:where(.svelte-1n46o8q){cursor:default;border-style:dashed}.offset-controls.svelte-1n46o8q span:where(.svelte-1n46o8q){font-size:13px;color:#3d4865;font-weight:600}@media (max-width: 720px){main.svelte-1n46o8q{padding:14px}.panel.svelte-1n46o8q{padding:14px}}