:root{color-scheme:light dark;font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;background-color:#0b0b0f;color:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:#0b0b0f}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.container[data-v-d1e1b77d]{flex:1;display:flex;overflow:hidden;position:relative}.container.cursor-hidden[data-v-d1e1b77d]{cursor:none}.wrapper[data-v-d1e1b77d]{transform-origin:top left}.canvas[data-v-d1e1b77d]{background:#0b0b0f;border-radius:var(--radius);border:1px solid #1f2028;touch-action:none}.canvas.pixel-rendering[data-v-d1e1b77d]{image-rendering:pixelated}.canvas.full-bleed[data-v-d1e1b77d]{border-radius:0}.brush[data-v-d1e1b77d]{position:absolute;top:0;left:0;border-radius:999px;background:#2f7bff73;pointer-events:none;box-sizing:border-box}.brush.erase[data-v-d1e1b77d]{background:#ff525273}@keyframes compositing-reveal-d1e1b77d{to{opacity:1}}@keyframes compositing-spin-d1e1b77d{to{transform:rotate(360deg)}}.compositing-overlay[data-v-d1e1b77d]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;will-change:opacity;animation:compositing-reveal-d1e1b77d .15s .5s forwards}.compositing-spinner[data-v-d1e1b77d]{width:28px;height:28px;border:2px solid rgba(255,255,255,.15);border-top-color:#ffffffbf;border-radius:50%;animation:compositing-spin-d1e1b77d .7s linear infinite}.icon[data-v-f6666834]{font-size:18px;line-height:1;vertical-align:middle}.icon.xsmall[data-v-f6666834]{font-size:14px}.icon.small[data-v-f6666834]{font-size:16px}.icon.big[data-v-f6666834]{font-size:20px}.icon.giant[data-v-f6666834]{font-size:32px}button[data-v-505919e6]{position:relative;background:#1b1c24;color:#f5f6fa;padding:var(--margin);border:1px solid #2b2c34;border-radius:var(--radius);transition:transform .12s ease,box-shadow .12s ease}button.small[data-v-505919e6]{padding:var(--margin-small)}button.big[data-v-505919e6]{padding:var(--margin-large)}button.has-preview[data-v-505919e6]{padding:0;overflow:hidden}.preview-label[data-v-505919e6]{position:absolute;bottom:0;left:0;right:0;background:#1a1c22bf;color:#fff;font-size:.6rem;line-height:1.2;padding:2px 4px;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button[disabled][data-v-505919e6]{color:#2b2c34}button[data-v-505919e6]:not([disabled]){cursor:pointer}button[data-v-505919e6]:not(.selectable):not([disabled]):active{transform:scale(.94);border-color:#7b61ff;color:#7b61ff}button:not([disabled]).active[data-v-505919e6]:not(.has-preview){border-color:#7b61ff;color:#7b61ff}button.has-preview:not([disabled]).active[data-v-505919e6]:after{content:"";position:absolute;inset:0;background:#7b61ff73;border-radius:inherit;pointer-events:none}.preview-img[data-v-505919e6]{display:block;width:100%;aspect-ratio:1;object-fit:cover}.layer-item[data-v-0800f5c5]{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);border-radius:var(--radius);background:#1a1b22;border:1px solid transparent;cursor:pointer;min-width:0;align-items:flex-start;position:relative}.layer-item.active[data-v-0800f5c5]{border-color:#7b61ff;box-shadow:0 0 0 1px #7b61ff66}header[data-v-0800f5c5]{display:flex;align-items:center;gap:var(--gap);width:100%;padding-bottom:var(--gap)}header .spacer[data-v-0800f5c5]{flex-grow:1}header .thumb[data-v-0800f5c5]{width:48px;height:48px;aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;background:#0e0f14}header .thumb img[data-v-0800f5c5]{width:100%;height:100%;object-fit:cover;object-position:center}.actions[data-v-0800f5c5]{display:flex;gap:var(--gap)}.controls[data-v-0800f5c5]{display:flex;flex-direction:column;gap:calc(var(--gap) * 2);width:100%}.section[data-v-0800f5c5]{display:flex;flex-direction:column;gap:var(--gap);width:100%}.section.hidden[data-v-0800f5c5]{display:none}.section-title[data-v-0800f5c5]{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#9ea1b0}.section-grid[data-v-0800f5c5]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.section-grid[data-v-0800f5c5]>*{width:100%}.blend-controls[data-v-0800f5c5]{display:flex;gap:var(--gap);align-items:center;width:100%}.blend-controls[data-v-0800f5c5]>*{flex:0 0 auto}.blend-controls select[data-v-0800f5c5]{flex:1 1 auto;width:100%;background:#1b1c24;color:#f5f6fa;border:1px solid #2b2c34;border-radius:var(--radius);padding:var(--margin);font-size:14px;cursor:pointer}.blend-range[data-v-0800f5c5]{position:relative;display:flex;align-items:center;width:100%}.blend-range input[type=range][data-v-0800f5c5]{width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.filter-item[data-v-0800f5c5]{position:relative;width:100%}.filter-dice[data-v-0800f5c5]{position:absolute;top:-7px;right:-4px;border:0;padding:0;background:transparent;color:#f5f6fa;cursor:pointer;transition:color .15s;height:14px;line-height:12px}.filter-dice[data-v-0800f5c5]:hover{color:#7b61ff}.filter-dice[disabled][data-v-0800f5c5]{color:#434655;cursor:default;pointer-events:none}.filter-dice[data-v-0800f5c5]>*{background:#1a1c22}.drop-slot[data-v-b61dbd47]{height:var(--layer-gap);display:flex;align-items:center;justify-content:center;padding:0}.drop-slot-line[data-v-b61dbd47]{height:2px;width:100%;margin:0 var(--layer-slot-padding);background:#7b61ff;border-radius:999px;opacity:0;transition:opacity .12s ease}.drop-slot.active .drop-slot-line[data-v-b61dbd47]{opacity:1}.layers[data-v-8875c287]{position:relative;z-index:10;width:325px;background:#14141a;border-right:1px solid #1f2028;display:flex;flex-direction:column;padding:calc(var(--gap) * 2);gap:calc(var(--gap) * 2)}.header[data-v-8875c287]{display:flex;justify-content:space-between;align-items:center;padding:var(--gap) 0}.header h2[data-v-8875c287]{margin:0;text-decoration:underline;font-weight:200;font-size:2em}.header .actions[data-v-8875c287]{display:flex;gap:var(--gap);align-items:center}.title[data-v-8875c287]{display:inline-flex;align-items:center;gap:var(--gap)}.title sub[data-v-8875c287]{font-size:9px;padding:var(--margin-xsmall);background-color:#f5f6fa;color:#0b0b0f;border-radius:calc(var(--gap) / 3);position:relative;top:-6px;left:-2px}.logo[data-v-8875c287]{width:28px;height:28px;border-radius:6px;box-sizing:border-box}.notice[data-v-8875c287]{color:#9ea1b0;font-size:16px;background:#171820;border:1px dashed #2a2c36;border-radius:var(--radius);padding:calc(var(--gap) * 4);text-align:center}.list[data-v-8875c287]{--layer-gap: 12px;--layer-slot-padding: 10px;list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:0}.file-input[data-v-8875c287]{display:none}.toolbar-separator[data-v-0f98f93c]{width:1px;height:20px;background:#2b2c34;display:inline-block}.toolbar[data-v-180e99ff]{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:calc(var(--gap) * 1.5);padding:var(--margin-xlarge);border-top:1px solid #1f2028;background:#0f1016;align-items:center;justify-content:center;transition:opacity .15s ease,filter .15s ease}.toolbar-range[data-v-180e99ff]{position:relative;display:flex;align-items:center;gap:var(--gap)}.toolbar-range .toolbar-separator[data-v-180e99ff]{margin:0 calc(var(--gap) / 2)}.toolbar-range input[type=range][data-v-180e99ff]{margin:0;padding:0;border:0;background:transparent}.toolbar input[type=range][data-v-180e99ff]{width:120px;background:transparent;border:0;padding:0;cursor:pointer}.tooltip{position:absolute;left:0;top:0;background:#4f3f9b;color:#fff;border:1px solid #46378d;padding:var(--margin);border-radius:var(--radius);font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 0 8px #000000b3;z-index:9999;opacity:0;transition:opacity .35s ease,transform .35s ease}.tooltip.visible{opacity:1;transform:translateY(var(--tooltip-translate-to))}:root{--gap: 8px;--radius: 8px;--margin-xsmall: 1px 3px;--margin-small: 2px 6px;--margin: 4px 8px;--margin-large: 6px 10px;--margin-xlarge: 12px 16px}.app{display:flex;height:100vh;overflow:hidden}.layers{flex-shrink:0}.workspace{display:flex;flex-direction:column;min-width:0;flex:1}.help{width:800px;margin:auto;display:flex;flex-direction:row;justify-content:space-evenly;color:#9ea1b0;font-size:14px;background:#171820;border:1px dashed #2a2c36;border-radius:var(--radius);padding:calc(var(--gap) * 4);overflow-y:auto}.help ul{display:flex;flex-direction:column;gap:var(--gap);list-style:none;padding:0;margin:0}.help li{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:var(--gap);line-height:1.3}.help .separator{display:block;height:1px;width:55%;margin:calc(var(--gap) / 2) auto;background:#2a2c36}.toolbar{margin-top:auto}.file-drop-overlay{position:fixed;inset:0;background:#0b0b0fcc;display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:none}.file-drop-overlay>div{display:flex;align-items:center;gap:var(--gap);color:#f5f6fa;font-size:32px;text-align:center}