:root{--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 400;--color-bg: #ffffff;--color-text: #213547;--color-primary: #333;background-color:var(--color-bg);color:var(--color-text);font-weight:var(--font-weight);line-height:var(--line-height);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100svh}h1{font-size:3.2em;line-height:1.1}button{transition:border-color .25s,background-color .25s;cursor:pointer;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;padding:6px 18px;touch-action:manipulation;color:var(--color-text);font-weight:500;font-size:1em;font-family:inherit}@media(any-hover:hover){button:hover{border-color:var(--color-primary)}}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:dark){:root{--color-bg: #242424;--color-text: #fff}button{background-color:#1a1a1a}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.uploader[data-v-463e94cd]{place-content:center;transition:all .25s ease;cursor:pointer;border:2px dashed #ccc;border-radius:6px;background-color:#fafafa;padding:8px 16px;height:100%;text-align:center}@media(max-width:600px){.uploader[data-v-463e94cd]{height:auto}}.uploader.dragging[data-v-463e94cd]{transform:scale(1.02);border-color:var(--color-primary)}.uploader.dragging .icon[data-v-463e94cd]{animation:spin-463e94cd .2s ease-in-out infinite}.uploader.compact[data-v-463e94cd]{border:1px solid #ddd}@media(any-hover:hover){.uploader[data-v-463e94cd]:hover{border-color:var(--color-primary)}}.uploader[data-v-463e94cd]:focus-within{outline:2px solid #1f6feb}@keyframes spin-463e94cd{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@media(prefers-color-scheme:dark){.uploader[data-v-463e94cd]{border-color:#444;background-color:#1a1a1a;color:#eee}.uploader.compact[data-v-463e94cd]{border-color:#555;background-color:#333}.uploader.dragging[data-v-463e94cd]{border-color:#888;background-color:#2a2a2a}@media(any-hover:hover){.uploader[data-v-463e94cd]:hover{background-color:#444}}.uploader[data-v-463e94cd]:focus-visible{box-shadow:0 0 0 4px #50a0ff4d}}.file-input[data-v-463e94cd]{position:absolute;margin:-1px;border:0;padding:0;width:1px;height:1px;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.content[data-v-463e94cd]{display:flex;flex-direction:column;gap:8px}.content p[data-v-463e94cd]{min-height:48px;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:600px){.content p[data-v-463e94cd]{font-size:.8rem}}.icon[data-v-463e94cd]{display:inline-block;font-size:48px}.palette-grid[data-v-7bee73af]{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;max-height:116px;overflow-y:auto}.color-swatch-wrapper[data-v-7bee73af]{display:block;position:relative;cursor:pointer;width:22px;height:22px}.color-swatch-wrapper input[type=color][data-v-7bee73af]{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%}.color-swatch-wrapper input[type=color]:focus-visible+.color-swatch[data-v-7bee73af]{outline:2px solid #1f6feb;outline-offset:-2px}.color-swatch[data-v-7bee73af]{transition:transform .1s;box-shadow:0 1px 2px #0000001a;border:1px solid rgba(0,0,0,.1);border-radius:4px;width:100%;height:100%}@media(any-hover:hover){.color-swatch[data-v-7bee73af][data-v-7bee73af]:hover{transform:scale(1.1);z-index:1}}@media(prefers-color-scheme:dark){.color-swatch[data-v-7bee73af]{box-shadow:0 1px 2px #0000004d;border-color:#fff3}}.control-panel[data-v-70c19bc4]{display:flex;flex-direction:column;gap:24px;background:transparent;padding-bottom:16px}.top-controls-grid[data-v-70c19bc4]{display:grid;grid-template:"color-count palette" auto "fixed-color palette" auto / auto 1fr;gap:8px 10px;width:100%}.palette-section[data-v-70c19bc4]{grid-area:palette}.section[data-v-70c19bc4]{display:flex;flex-direction:column;gap:8px}.section__color[data-v-70c19bc4]{gap:4px}h3[data-v-70c19bc4]{color:#888;font-weight:600;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}@media(prefers-color-scheme:dark){h3[data-v-70c19bc4]{color:#aaa}}input[type=number][data-v-70c19bc4]{border:1px solid #ccc;border-radius:6px;padding:8px;width:70px;min-height:36px;text-align:center}@media(prefers-color-scheme:dark){input[type=number][data-v-70c19bc4]{border-color:#555;background:#333;color:#fff}}@media(max-width:600px){input[type=number][data-v-70c19bc4]{font-size:16px}}.colors-group[data-v-70c19bc4]{display:flex;align-items:center;gap:6px;width:100%}.colors-group-input[data-v-70c19bc4]{width:60px!important}.colors-group-button[data-v-70c19bc4]{padding:0;width:36px;height:36px;font-size:16px;-webkit-user-select:none;user-select:none}.slider-group[data-v-70c19bc4]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.slider-group label[data-v-70c19bc4]{display:grid;grid-template-columns:120px 1fr;gap:8px}.size-group[data-v-70c19bc4]{display:flex;align-items:center;gap:8px;width:100%;font-size:.9rem}.monochrome-toggle[data-v-70c19bc4]{display:flex;flex-direction:row;align-items:flex-start;gap:24px}.radio-group[data-v-70c19bc4]{display:flex;flex-direction:column;gap:5px;margin-left:4px}.radio-label[data-v-70c19bc4]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;cursor:pointer;width:fit-content;color:#404040;font-weight:400;font-size:.9rem;line-height:1.3}@media(prefers-color-scheme:dark){.radio-label[data-v-70c19bc4]{color:#eee}}@media(any-hover:hover){.radio-label[data-v-70c19bc4]:hover .radio-icon[data-v-70c19bc4]{border-color:#333;background-color:#f5f5f5}@media(prefers-color-scheme:dark){.radio-label[data-v-70c19bc4]:hover .radio-icon[data-v-70c19bc4]{border-color:#ccc;background-color:#3a3a3a}}}.radio-icon[data-v-70c19bc4]{display:block;position:relative;appearance:none;transition:all .2s;cursor:pointer;border:1px solid #ccc;border-radius:50%;background-color:transparent;width:20px;height:20px}@media(prefers-color-scheme:dark){.radio-icon[data-v-70c19bc4]{border-color:#555;background-color:#333}}.radio-icon[data-v-70c19bc4]:after{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;border-radius:50%;background-color:#555;width:10px;height:10px;content:""}.radio-icon:checked[data-v-70c19bc4]{border-color:#555;background-color:#f5f5f5}@media(prefers-color-scheme:dark){.radio-icon:checked[data-v-70c19bc4]{border-color:#ccc;background-color:transparent}.radio-icon:checked[data-v-70c19bc4]:after{background-color:#ccc}}.radio-icon:checked[data-v-70c19bc4]:after{opacity:1}.checkbox-label[data-v-70c19bc4]{display:grid;grid-template-columns:auto 1fr;gap:8px;cursor:pointer;width:fit-content;color:#404040;font-weight:400;font-size:.9rem;line-height:1.5}@media(prefers-color-scheme:dark){.checkbox-label[data-v-70c19bc4]{color:#eee}}.checkbox-icon[data-v-70c19bc4]{position:relative;appearance:none;transition:all .2s;transition-duration:.2s;transition-property:background-color,border,box-shadow;box-shadow:0 0 0 0 transparent;border:1px solid #ccc;border-radius:6px;background:#fff;width:20px;height:20px}@media(prefers-color-scheme:dark){.checkbox-icon[data-v-70c19bc4]{border-color:#555;background-color:#333}}@media(forced-colors:active){.checkbox-icon[data-v-70c19bc4]{transition:none;border-color:CanvasText}}.checkbox-icon[data-v-70c19bc4]:checked{border-color:#555;background-color:#555}@media(forced-colors:active){.checkbox-icon[data-v-70c19bc4]:checked{border-color:CanvasText;background-color:Canvas}}@media(forced-colors:none)and (any-hover:hover){.checkbox-icon[data-v-70c19bc4]:hover:enabled{border-color:#333;background-color:#f5f5f5}@media(prefers-color-scheme:dark){.checkbox-icon[data-v-70c19bc4]:hover:enabled{border-color:#555;background-color:#444}}.checkbox-icon[data-v-70c19bc4]:hover:enabled[data-v-70c19bc4]:checked{border-color:#79797b;background-color:#79797b}@media(prefers-color-scheme:dark){.checkbox-icon[data-v-70c19bc4]:hover:enabled[data-v-70c19bc4]:checked{border-color:#555;background-color:#444}}}.checkbox-icon[data-v-70c19bc4]:before{display:block;position:absolute;opacity:0;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.27368%207.78073C1.90877%207.41744%201.90877%206.82843%202.27368%206.46513C2.63859%206.10184%203.23023%206.10184%203.59514%206.46513L6.89879%209.75413L12.4049%204.27247C12.7698%203.90918%2013.3614%203.90918%2013.7263%204.27247C14.0912%204.63576%2014.0912%205.22478%2013.7263%205.58807L7.55951%2011.7275C7.1946%2012.0908%206.60297%2012.0908%206.23806%2011.7275L2.27368%207.78073Z'%20fill='white'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.27368%207.78073C1.90877%207.41744%201.90877%206.82843%202.27368%206.46513C2.63859%206.10184%203.23023%206.10184%203.59514%206.46513L6.89879%209.75413L12.4049%204.27247C12.7698%203.90918%2013.3614%203.90918%2013.7263%204.27247C14.0912%204.63576%2014.0912%205.22478%2013.7263%205.58807L7.55951%2011.7275C7.1946%2012.0908%206.60297%2012.0908%206.23806%2011.7275L2.27368%207.78073Z'%20fill='white'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:opacity .2s;inset:0;background-color:#fff;width:100%;height:100%;content:""}@media(forced-colors:active){.checkbox-icon[data-v-70c19bc4]:before{transition:none;background-color:CanvasText}}.checkbox-icon[data-v-70c19bc4]:checked:before{opacity:1}.slider-row[data-v-70c19bc4]{display:grid;grid-template-columns:120px 1fr;gap:6px;width:100%}.slider-label[data-v-70c19bc4]{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem}.slider-value[data-v-70c19bc4]{color:#333;font-variant-numeric:tabular-nums}@media(prefers-color-scheme:dark){.slider-value[data-v-70c19bc4]{color:#b1b1b1}}.slider[data-v-70c19bc4]{flex:1;min-width:130px;accent-color:#777}.download-group[data-v-70c19bc4]{display:flex;flex-direction:column;gap:8px;width:100%}.download-group button[data-v-70c19bc4]{width:100%}@media(prefers-color-scheme:dark){button[data-v-70c19bc4]{border:1px solid #555;background-color:#333;color:#eee}@media(any-hover:hover){button[data-v-70c19bc4]:hover:not(:disabled){background-color:#444}}button[data-v-70c19bc4]:disabled{border-color:#444;background-color:#222;color:#555}}.fixed-color-control[data-v-70c19bc4]{width:100%}.pick-color-button[data-v-70c19bc4]{width:100%;min-height:36px;font-size:.9rem}.fixed-color-display[data-v-70c19bc4]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.color-swatch[data-v-70c19bc4]{cursor:pointer;box-shadow:inset 0 0 4px #0000001a;border:1px solid #ddd;border-radius:6px;width:100%;height:36px}@media(prefers-color-scheme:dark){.pick-color-button[data-v-70c19bc4]{border-color:#555;background-color:#333;color:#eee}.color-swatch[data-v-70c19bc4]{border-color:#555}.clear-button[data-v-70c19bc4]{border-color:#555;background-color:#333;color:#eee}}.ratio-bar-container[data-v-ce525a00]{margin-top:16px;width:100%}@media(max-width:600px){.ratio-bar-container[data-v-ce525a00]{margin-top:8px}}.ratio-bar[data-v-ce525a00]{display:flex;box-shadow:0 1px 3px #0000001a;border-radius:6px;width:100%;height:30px;overflow:hidden}.segment[data-v-ce525a00]{transition:width .3s ease;height:100%}@media(prefers-color-scheme:dark){.ratio-bar[data-v-ce525a00]{box-shadow:0 1px 3px #00000080;border:1px solid #333}}.image-preview[data-v-0bad8798]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:auto}canvas[data-v-0bad8798],img[data-v-0bad8798]{display:block;box-shadow:0 4px 6px #0000001a;max-width:100%;max-height:100%;object-fit:contain}@media(max-width:600px){.image-preview[data-v-0bad8798]{overflow:hidden}canvas[data-v-0bad8798],img[data-v-0bad8798]{max-height:clamp(180px,40svh,280px)}}.modal-overlay[data-v-6148f2b8]{display:flex;position:fixed;top:0;left:0;justify-content:center;align-items:center;z-index:1000;width:100vw;height:100dvh;-webkit-user-select:none;user-select:none}.backdrop[data-v-6148f2b8]{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;background:#000c;width:100%;height:100%;pointer-events:auto}.modal-overlay.visible .backdrop[data-v-6148f2b8]{opacity:1}.modal-content[data-v-6148f2b8]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:85%;height:90%;pointer-events:none}.color-info[data-v-6148f2b8]{display:grid;position:absolute;top:5px;left:50%;grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:12px;opacity:0;transition:opacity .2s ease;border-radius:8px;background:#0009;padding:4px 8px;min-width:220px;height:36px;pointer-events:auto}@media(min-width:601px){.color-info[data-v-6148f2b8]{transform:translate(-50%)}}@media(max-width:600px){.color-info[data-v-6148f2b8]{top:10px;left:10px}}.color-info.visible[data-v-6148f2b8]{opacity:1}.color-swatch-large[data-v-6148f2b8]{border:2px solid white;border-radius:4px;width:30px;height:30px}.color-values[data-v-6148f2b8]{display:flex;gap:14px;width:100%;color:#fff;font-weight:500;font-size:16px;font-family:monospace;font-variant-numeric:tabular-nums}.rgb-value[data-v-6148f2b8]{display:flex;gap:3px;white-space:pre}.image-container[data-v-6148f2b8]{display:grid;position:relative;place-items:center;cursor:crosshair;width:100%;height:100%;pointer-events:auto}.picker-image[data-v-6148f2b8]{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;pointer-events:none}.hidden-canvas[data-v-6148f2b8]{display:none}.magnifier[data-v-6148f2b8]{position:absolute;transform:translate(-50%,-50%);z-index:10;box-shadow:0 4px 10px #0000004d;border:2px solid white;border-radius:50%;background-color:#fff;image-rendering:pixelated;width:100px;height:100px;pointer-events:none}.crosshair[data-v-6148f2b8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#0003;width:6px;height:6px}.close-button[data-v-6148f2b8]{display:grid;position:fixed;top:clamp(14px,4vw,16px);right:clamp(14px,4vw,16px);place-content:center;transition:transform .2s;cursor:pointer;box-shadow:0 2px 6px #0003;border:none;border-radius:50%;background:#fff;width:48px;height:48px;pointer-events:auto}@media(any-hover:hover){.close-button[data-v-6148f2b8][data-v-6148f2b8]:hover{transform:scale(1.1)}}@media(max-width:600px){.close-button[data-v-6148f2b8]{top:12px;right:12px;width:36px;height:36px}}@media(prefers-color-scheme:dark){.close-button[data-v-6148f2b8]{background:#333;color:#fff}}.container[data-v-03e1f1d6]{display:flex;flex-direction:column;max-width:100%;height:100svh;overflow:hidden;font-family:var(--font-family)}@media(max-width:600px){.container[data-v-03e1f1d6]{height:auto;overflow:unset}}h1[data-v-03e1f1d6]{margin-left:4px;font-size:24px}header[data-v-03e1f1d6]{display:flex;justify-content:space-between;align-items:center;gap:clamp(8px,2vw,16px);border-bottom:1px solid #eee;padding:16px;min-height:180px}@media(max-width:600px){header.compact[data-v-03e1f1d6]{flex-direction:row;align-items:stretch;gap:10px}header.compact[data-v-03e1f1d6] .header-uploader[data-v-03e1f1d6]{padding:10px;width:100%}}.header-uploader[data-v-03e1f1d6]{padding:8px 16px;width:50%}@media(max-width:600px){.original-preview-container[data-v-03e1f1d6]{flex-direction:column;justify-content:center}}.workspace[data-v-03e1f1d6]{display:flex;flex:1;overflow:hidden}@media(max-width:600px){.workspace[data-v-03e1f1d6]{flex-direction:column;overflow:visible}}.preview-column[data-v-03e1f1d6]{display:flex;flex:1;flex-direction:column;background:#f9f9f9;padding:16px}@media(max-width:600px){.preview-column[data-v-03e1f1d6]{position:sticky;top:0;z-index:20;border-bottom:1px solid #eee;padding:8px 16px}}.preview-area[data-v-03e1f1d6]{display:flex;position:relative;flex:1;justify-content:center;align-items:center;border:1px solid #eee;border-radius:8px;background:repeating-conic-gradient(#eee 0% 25%,transparent 0% 50%) 50% / 20px 20px;overflow:hidden}.loading-overlay[data-v-03e1f1d6]{display:flex;position:absolute;top:0;left:0;justify-content:center;align-items:center;z-index:10;background:#fffc;width:100%;height:100%;font-weight:700;font-size:1.5rem}.controls-column[data-v-03e1f1d6]{display:flex;flex-direction:column;gap:32px;border-left:1px solid #eee;background:#fff;padding:16px;width:100%;max-width:clamp(320px,42%,420px);overflow-y:auto}@media(max-width:600px){.controls-column[data-v-03e1f1d6]{border-top:1px solid #eee;border-left:none;padding-bottom:24px;max-width:unset}}.palette-section h3[data-v-03e1f1d6]{margin-bottom:8px;color:#888;font-weight:600;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.header-left[data-v-03e1f1d6]{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;height:100%}@media(max-width:600px){.header-left[data-v-03e1f1d6]{flex-direction:column;align-items:flex-start;gap:10px;width:fit-content}}.original-preview-container[data-v-03e1f1d6]{display:grid;grid-template-rows:124px;grid-template-columns:auto 1fr;align-items:center;gap:6px;border:1px solid #eee;border-radius:8px;background:#f5f5f5;padding:8px;min-width:200px}@media(max-width:600px){.original-preview-container[data-v-03e1f1d6]{grid-template-columns:auto;gap:4px;padding:8px 8px 4px;height:auto}}.original-preview-thumb[data-v-03e1f1d6]{border:1px solid #ddd;border-radius:4px;background:#fff;max-width:100%;height:100%;object-fit:contain}@media(max-width:600px){.original-preview-thumb[data-v-03e1f1d6]{max-height:146px}}.original-info[data-v-03e1f1d6]{display:flex;flex-direction:column}@media(max-width:600px){.original-info[data-v-03e1f1d6]{flex-direction:row;justify-content:center;align-items:center;gap:4px}}.original-info .label[data-v-03e1f1d6]{color:#888;font-size:.55rem;text-transform:uppercase;white-space:nowrap}.original-info .count[data-v-03e1f1d6]{min-width:52px;color:#333;font-weight:600;font-size:.8rem;white-space:nowrap}@media(prefers-color-scheme:dark){[data-v-03e1f1d6]:root{color-scheme:dark}.container[data-v-03e1f1d6]{background-color:#111;color:#eee}header[data-v-03e1f1d6]{border-bottom-color:#333}.preview-column[data-v-03e1f1d6]{background:#1a1a1a}.preview-area[data-v-03e1f1d6]{border-color:#333;background:repeating-conic-gradient(#222 0% 25%,transparent 0% 50%) 50% / 20px 20px}.controls-column[data-v-03e1f1d6]{border-left-color:#333;background:#222}.palette-section h3[data-v-03e1f1d6]{color:#aaa}.loading-overlay[data-v-03e1f1d6]{background:#000c;color:#eee}.original-preview-container[data-v-03e1f1d6]{border-color:#444;background:#2a2a2a}.original-preview-thumb[data-v-03e1f1d6]{border-color:#555;background:#333}.original-info .count[data-v-03e1f1d6]{color:#eee}@media(max-width:600px){.controls-column[data-v-03e1f1d6]{border-top-color:#333}}}