:root{font-family:Pliant,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--red-1: #ef4136;--neutral-10: #0d0d0d;--neutral-9: #1a1a1a;--neutral-8: #333333;--neutral-7: #4d4d4d;--neutral-6: #666666;--neutral-5: #808080;--neutral-4: #999999;--neutral-3: #b3b3b3;--neutral-2: #cccccc;--neutral-1: #e6e6e6;--neutral-0: #f2f2f2;--text-color: var(--neutral-8);--placeholder-color: var(--neutral-5);--surface: var(--neutral-0);--border: var(--neutral-2);--page-bg: var(--neutral-1);--toolbar-border: rgba(0, 0, 0, .1)}[data-theme=light]{color-scheme:light;--red-1: #ef4136;--neutral-10: #0d0d0d;--neutral-9: #1a1a1a;--neutral-8: #333333;--neutral-7: #4d4d4d;--neutral-6: #666666;--neutral-5: #808080;--neutral-4: #999999;--neutral-3: #b3b3b3;--neutral-2: #cccccc;--neutral-1: #e6e6e6;--neutral-0: #f2f2f2;--text-color: var(--neutral-8);--placeholder-color: var(--neutral-5);--surface: #ffffff;--border: var(--neutral-2);--page-bg: var(--neutral-1);--toolbar-border: rgba(0, 0, 0, .1)}[data-theme=dark]{color-scheme:dark;--red-1: #ef4136;--neutral-10: #f2f2f2;--neutral-9: #e6e6e6;--neutral-8: #cccccc;--neutral-7: #b3b3b3;--neutral-6: #999999;--neutral-5: #808080;--neutral-4: #666666;--neutral-3: #4d4d4d;--neutral-2: #333333;--neutral-1: #1a1a1a;--neutral-0: #0d0d0d;--text-color: var(--neutral-8);--placeholder-color: var(--neutral-5);--surface: #141414;--border: rgba(255, 255, 255, .1);--page-bg: var(--neutral-1);--toolbar-border: rgba(255, 255, 255, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(12px,1.4vw,16px)}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--page-bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--text-color) 14%,transparent) .7px,transparent .8px);background-size:14px 14px;background-position:0 0;color:var(--text-color)}::selection{background-color:var(--red-1);color:var(--neutral-0)}input,textarea{font:inherit;border:none;background-color:transparent;color:inherit}button{border:none;background-color:transparent;font:inherit}#app{width:100%;height:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--red-1);outline-offset:2px}.file-container[data-v-a9c29c0a]{display:flex;flex-direction:column;gap:.5rem;width:100%}.file-upload[data-v-a9c29c0a]{display:flex;flex-direction:row;align-items:center;gap:.35rem;padding:.35rem;border-radius:.35rem;background:var(--page-bg);transition:box-shadow .2s ease}.dragging .file-upload[data-v-a9c29c0a]{box-shadow:0 0 0 .125rem color-mix(in srgb,var(--red-1) 35%,transparent)}.file-upload-input[data-v-a9c29c0a]{height:2.25rem;padding:0 .75rem;font-size:.95rem;flex-grow:1;min-width:0;cursor:pointer;color:var(--text-color);background:transparent;border:none;border-radius:.25rem}.file-upload-input[data-v-a9c29c0a]::placeholder{color:var(--placeholder-color)}.hidden-input[data-v-a9c29c0a]{display:none}.button[data-v-a9c29c0a]{display:flex;align-items:center;cursor:pointer;border:none;border-radius:.25rem;padding:.5rem;margin:0;transition:background-color .2s ease,color .2s ease}.button svg[data-v-a9c29c0a]{width:1rem;height:1rem;fill:currentColor}.upload-button[data-v-a9c29c0a]{height:2.25rem;background-color:var(--red-1);color:#f2f2f2;font-weight:700;font-size:.825rem;padding:0 .75rem;white-space:nowrap}.upload-button[data-v-a9c29c0a]:hover{background-color:color-mix(in srgb,var(--red-1) 82%,var(--neutral-10));color:#f2f2f2}.clear-button[data-v-a9c29c0a]{width:2.25rem;height:2.25rem;justify-content:center;background-color:transparent;color:var(--text-color)}.clear-button[data-v-a9c29c0a]:hover{background-color:var(--neutral-2)}.error[data-v-a9c29c0a]{font-size:.8rem;color:var(--red-1)}.preview[data-v-baef5305]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.tab-mock[data-v-baef5305]{border:1px solid var(--border);border-radius:.5rem .5rem 0 0;background:var(--surface);overflow:hidden}.tab[data-v-baef5305]{display:inline-flex;align-items:center;gap:.5rem;max-width:14rem;margin:.5rem .5rem 0;padding:.4rem .75rem;border:1px solid var(--border);border-bottom:none;border-radius:.25rem .25rem 0 0;background:var(--page-bg);font-size:.75rem;color:var(--text-color)}.tab img[data-v-baef5305]{display:block;flex-shrink:0;image-rendering:pixelated}.tab-title[data-v-baef5305]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-bar[data-v-baef5305]{height:.35rem;border-top:1px solid var(--border);background:var(--page-bg)}.sizes[data-v-baef5305]{display:flex;flex-wrap:wrap;gap:1rem;list-style:none}.size-item[data-v-baef5305]{display:flex;flex-direction:column;align-items:center;gap:.35rem}.size-frame[data-v-baef5305]{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border:1px solid var(--border);border-radius:.25rem}.size-frame.light[data-v-baef5305]{background:#fff}.size-frame.dark[data-v-baef5305]{background:#1a1a1a}.size-frame img[data-v-baef5305]{display:block;image-rendering:pixelated}.size-label[data-v-baef5305]{font-size:.7rem;color:var(--neutral-6)}.meta[data-v-baef5305]{font-size:.75rem;color:var(--neutral-6)}.main[data-v-24831040]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;overflow-y:auto}.app-actions[data-v-24831040]{position:fixed;top:1rem;right:1rem;z-index:20;display:flex;align-items:center;gap:.25rem}.action-btn[data-v-24831040]{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;border:none;border-radius:50%;box-shadow:none;display:flex;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}.action-btn[data-v-24831040]:hover{background-color:var(--neutral-2)}.action-btn[data-v-24831040]:focus-visible{outline:2px solid var(--red-1);outline-offset:2px}.action-icon[data-v-24831040]{width:1.25rem;height:1.25rem;display:block}.container[data-v-24831040]{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:600px;margin:auto 0;padding:2rem;gap:1.5rem;background:var(--surface)}.header[data-v-24831040]{display:flex;flex-direction:column;width:100%;gap:.5rem}.header h1[data-v-24831040]{font-size:1.75rem;font-weight:700}.header p[data-v-24831040]{color:var(--neutral-6);font-size:.95rem}.instructions[data-v-24831040]{width:100%;font-size:.8rem;color:var(--neutral-6)}.guide[data-v-24831040]{position:absolute;background:var(--border);pointer-events:none}.guide-horizontal[data-v-24831040]{height:1px;width:100vw;left:50%;transform:translate(-50%)}.guide-top[data-v-24831040]{top:0}.guide-bottom[data-v-24831040]{bottom:0}.guide-vertical[data-v-24831040]{width:1px;height:100vh;top:50%;transform:translateY(-50%)}.guide-left[data-v-24831040]{left:0}.guide-right[data-v-24831040]{right:0}