:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}a,button,[role=button],input[type=button],input[type=submit],label[for],file-btn,.select-all,.download-link,.color-item,.color-item .color-box{cursor:pointer}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app :is(button,a,[role=button],[role=link],input[type=button],input[type=submit],[tabindex]:not([tabindex="-1"]),.file-btn,.select-all,.download-link,.color-item,.preview-header,.preview-hit,.preview-toggle,.preview-download-big,.preview-img):not([disabled]):not([aria-disabled=true]),.show-all-pointers :not([disabled]):not([aria-disabled=true]){cursor:pointer!important}[data-v-d58360c2]:root{--primary-color:#6366f1;--secondary-color:#f3f4f6;--border-radius:12px}.file-upload[data-v-d58360c2]{width:100%;margin-bottom:18px}.visually-hidden[data-v-d58360c2]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-btn[data-v-d58360c2]{color:#fff;text-align:center;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:10px 12px;font-weight:600;display:inline-block}.file-btn[data-v-d58360c2]:hover{background:#1e40af}.palette-grid[data-v-7f331c80]{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;display:grid}.palette-color-item[data-v-7f331c80]{flex-direction:column;align-items:center;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.color-box[data-v-7f331c80]{border:1px solid #0000001f;border-radius:8px;width:44px;height:44px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a}.box-wrap[data-v-7f331c80]{width:44px;height:44px;position:relative}.transparent-pattern[data-v-7f331c80]{border-radius:inherit;background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,#0000 25%),linear-gradient(-45deg,#e6e6e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6e6e6 75%),linear-gradient(-45deg,#0000 75%,#e6e6e6 75%);background-position:0 0,0 0,4px 4px,4px 4px;background-size:8px 8px;position:absolute;inset:0}.color-name[data-v-7f331c80]{text-align:center;max-width:56px;margin-top:6px;font-size:11px}.palette-color-item.used .color-box[data-v-7f331c80]{outline:2px solid var(--accent,#10b981)}.badge[data-v-7f331c80]{background:var(--accent,#10b981);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #1018281f}.color-list[data-v-0fdd42cc]{margin-top:14px}.list-header[data-v-0fdd42cc]{justify-content:space-between;align-items:center;display:flex}.download-link[data-v-0fdd42cc]{color:var(--link,#2563eb);cursor:pointer;text-decoration:underline}.header-actions[data-v-0fdd42cc]{align-items:center;gap:8px;display:flex}.select-all[data-v-0fdd42cc]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 10px}.select-all[data-v-0fdd42cc]:hover{background:#1e40af}.items[data-v-0fdd42cc]{flex-direction:column;gap:8px;margin-top:10px;display:flex}.color-item[data-v-0fdd42cc]{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:6px;transition:background .18s,box-shadow .18s,transform .12s,border-color .12s;display:flex}.color-item[data-v-0fdd42cc]:hover{background:#0f172a08;transform:translateY(-1px);box-shadow:0 4px 10px #0206170a}.color-item.selected[data-v-0fdd42cc]{background:#2563eb14;border:1px solid #2563eb2e}.color-box[data-v-0fdd42cc]{border:1px solid #00000014;border-radius:6px;width:36px;height:36px;position:relative;overflow:hidden}.transparent-pattern[data-v-0fdd42cc]{border-radius:inherit;background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,#0000 25%),linear-gradient(-45deg,#e6e6e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6e6e6 75%),linear-gradient(-45deg,#0000 75%,#e6e6e6 75%);background-position:0 0,0 0,4px 4px,4px 4px;background-size:8px 8px;position:absolute;inset:0}.meta[data-v-0fdd42cc]{font-size:14px}.preview-download-wrap[data-v-9bfccd7b]{width:100%;margin-top:10px;display:flex}.preview-download-big[data-v-9bfccd7b]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:10px 12px;font-weight:600}.preview-download-big[data-v-9bfccd7b]:hover{background:#2563eb}.preview-download-big[data-v-9bfccd7b]:disabled{cursor:not-allowed;background:#94a3b8}.preview[data-v-9bfccd7b]{z-index:60;will-change:width,height,transform,opacity;background:#fff;border-radius:8px;width:320px;max-width:480px;padding:8px;transition:width .24s,height .24s,padding .2s,opacity .2s,transform .18s;position:fixed;inset:80px 24px auto auto;box-shadow:0 6px 20px #02061714}.preview.collapsed[data-v-9bfccd7b]{opacity:.98;border:1px solid #0206170a;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;padding:6px;display:flex;overflow:hidden;transform:scale(.98)}.preview.collapsed .preview-header h4[data-v-9bfccd7b]{display:none}.preview.collapsed .preview-header[data-v-9bfccd7b]{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;padding:0}.preview.collapsed .preview-toggle[data-v-9bfccd7b]{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:20px;display:flex}.preview-hit[data-v-9bfccd7b]{cursor:pointer;background:0 0;border:none;border-radius:8px;transition:background .18s;position:absolute;inset:0}.preview-hit[data-v-9bfccd7b]:focus{border-radius:6px;outline:2px solid #3b82f699}.preview-toggle[data-v-9bfccd7b]{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px}.preview-img[data-v-9bfccd7b]{cursor:pointer;border:1px solid #ddd;border-radius:8px;width:100%;height:auto}.preview-empty[data-v-9bfccd7b]{color:#666;font-size:14px}.preview-header[data-v-9bfccd7b]{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:48px;padding:6px 10px;transition:background .16s,box-shadow .16s,transform .12s;display:flex}.preview-header[data-v-9bfccd7b]:focus{outline:3px solid #3b82f624;box-shadow:0 6px 20px #0206170f}.preview-header[data-v-9bfccd7b]:hover{background:#02061705}.preview-title[data-v-9bfccd7b]{margin:0;font-size:14px;font-weight:600}.preview-header .preview-toggle[data-v-9bfccd7b]{padding:2px 6px;font-size:18px}@media (max-width:1000px){.preview[data-v-9bfccd7b]{width:150px;max-width:150px;position:fixed;inset:10px 0 auto auto}}.app[data-v-ddafd744]{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.file-input[data-v-ddafd744]{margin-bottom:20px}.canvas[data-v-ddafd744]{border:1px solid #ccc;max-width:100%;margin-bottom:20px}.error[data-v-ddafd744]{color:red;margin-bottom:20px;font-weight:700}.success[data-v-ddafd744]{color:green;margin-bottom:20px}.palette[data-v-ddafd744]{margin-top:20px}.color-grid[data-v-ddafd744]{grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:20px;display:grid}.palette-grid-responsive[data-v-ddafd744]{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:10px;display:grid}.palette-color-item[data-v-ddafd744]{flex-direction:column;align-items:center;display:flex}.color-box[data-v-ddafd744]{opacity:.5;border:1px solid #000;width:40px;height:40px;margin-bottom:5px;position:relative}.color-name[data-v-ddafd744]{text-align:center;word-wrap:break-word;max-width:40px;font-size:10px;line-height:1.2}.color-box.used[data-v-ddafd744]{opacity:1}.color-box.used[data-v-ddafd744]:after{content:"✓";color:green;background:#fffc;padding:0 2px;font-size:12px;font-weight:700;position:absolute;top:0;right:0}.color-list[data-v-ddafd744]{margin-top:20px}.color-list h3[data-v-ddafd744]{margin-bottom:10px}.color-item[data-v-ddafd744]{cursor:pointer;align-items:center;margin-bottom:5px;display:flex}.color-item .color-box[data-v-ddafd744]{border:1px solid #000;width:30px;height:30px;margin-right:10px}.color-item span[data-v-ddafd744]{font-size:16px}.color-item.selected[data-v-ddafd744]{background-color:#0000ff1a;border:2px solid #00f}.transparent-pattern[data-v-ddafd744]{background:repeating-conic-gradient(gray 0% 25%,silver 25% 50%) 50%/8px 8px;width:100%;height:100%}.download-link[data-v-ddafd744]{color:#00f;cursor:pointer;margin-left:10px;text-decoration:underline}.actions[data-v-ddafd744]{align-items:flex-start;gap:20px;margin-top:12px;display:flex}.preview-download-wrap[data-v-ddafd744]{width:100%;margin-top:10px;display:flex}.preview-download-big[data-v-ddafd744]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:10px 12px;font-weight:600}.preview-download-big[data-v-ddafd744]:hover{background:#2563eb}.preview-download-big[data-v-ddafd744]:disabled{cursor:not-allowed;background:#94a3b8}.preview[data-v-ddafd744]{z-index:60;will-change:width,height,transform,opacity;cursor:pointer;background:#fff;border-radius:8px;width:320px;max-width:480px;padding:8px;transition:width .24s,height .24s,padding .2s,opacity .2s,transform .18s;position:fixed;top:80px;right:24px;box-shadow:0 6px 20px #02061714}.preview.collapsed[data-v-ddafd744]{opacity:.98;cursor:pointer;border:1px solid #0206170a;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;padding:6px;display:flex;overflow:hidden;transform:scale(.98)}.preview.collapsed .preview-header h4[data-v-ddafd744]{display:none}.preview.collapsed .preview-header[data-v-ddafd744]{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;padding:0}.preview.collapsed .preview-toggle[data-v-ddafd744]{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:20px;display:flex}.preview-hit[data-v-ddafd744]{cursor:pointer;background:0 0;border:none;border-radius:8px;transition:background .18s;position:absolute;inset:0}.preview-hit[data-v-ddafd744]:focus{border-radius:6px;outline:2px solid #3b82f699}.preview-toggle[data-v-ddafd744]{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px}.preview-img[data-v-ddafd744]{cursor:pointer;border:1px solid #ddd;border-radius:8px;width:100%;height:auto}.preview-empty[data-v-ddafd744]{color:#666;font-size:14px}.preview-header[data-v-ddafd744]{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:48px;padding:6px 10px;transition:background .16s,box-shadow .16s,transform .12s;display:flex}.preview-header[data-v-ddafd744]:focus{outline:3px solid #3b82f624;box-shadow:0 6px 20px #0206170f}.preview-header[data-v-ddafd744]:hover{background:#02061705}.preview-title[data-v-ddafd744]{margin:0;font-size:14px;font-weight:600}.preview-header .preview-toggle[data-v-ddafd744]{padding:2px 6px;font-size:18px}button[data-v-ddafd744],a[data-v-ddafd744],input[type=button][data-v-ddafd744],input[type=submit][data-v-ddafd744],[role=button][data-v-ddafd744],[role=link][data-v-ddafd744],[tabindex][data-v-ddafd744]:not([tabindex="-1"]),.preview-header[data-v-ddafd744],.preview-hit[data-v-ddafd744],.preview-toggle[data-v-ddafd744],.preview-download-big[data-v-ddafd744],.download-link[data-v-ddafd744],.color-item[data-v-ddafd744],.color-item[role=button][data-v-ddafd744],.color-item .color-box[data-v-ddafd744],.palette-color-item[data-v-ddafd744],.preview-img[data-v-ddafd744],.download-btn[data-v-ddafd744]{cursor:pointer}button[data-v-ddafd744]:disabled,input[data-v-ddafd744]:disabled,.preview-download-big[data-v-ddafd744]:disabled,.download-btn[data-v-ddafd744]:disabled,[aria-disabled=true][data-v-ddafd744]{cursor:not-allowed}