.banner-designer[data-v-2cb773ed]{width:100%}.banner-canvas[data-v-2cb773ed]{aspect-ratio:1/2;background:var(--base-color);width:min(176px,100%);image-rendering:pixelated;border:1px solid #ffffff38;border-radius:.18rem .18rem .38rem .38rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000038}.banner-canvas--readonly[data-v-2cb773ed]{width:64px}.banner-layer[data-v-2cb773ed],.pattern-thumb[data-v-2cb773ed]:before{image-rendering:pixelated;display:block;position:absolute;inset:0}.banner-layer[data-v-2cb773ed]{background-color:#fff}.pattern-thumb[data-v-2cb773ed]{width:24px;height:48px;image-rendering:pixelated;background:#e7ddc5;border:1px solid #ffffff47;border-radius:.12rem .12rem .25rem .25rem;display:block;position:relative;overflow:hidden}.pattern-thumb[data-v-2cb773ed]:before{content:"";background:var(--thumb-color);-webkit-mask:var(--thumb-mask) center/100% 100% no-repeat;mask:var(--thumb-mask) center/100% 100% no-repeat;-webkit-mask:var(--thumb-mask) center/100% 100% no-repeat}.pattern-thumb--small[data-v-2cb773ed]{border-color:#ffffff29;width:22px;height:44px}.banner-loom[data-v-2cb773ed]{border:1px solid var(--mw-line);border-radius:var(--mw-radius-lg);background:var(--mw-card-bg-soft);overflow:hidden}.loom-header[data-v-2cb773ed]{border-bottom:1px solid var(--mw-line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.loom-header b[data-v-2cb773ed]{font-size:1.05rem;font-weight:950}.loom-current[data-v-2cb773ed],.loom-header div[data-v-2cb773ed]:first-child,.loom-section__title[data-v-2cb773ed]{gap:.1rem;display:grid}.layer-chip b[data-v-2cb773ed],.loom-current b[data-v-2cb773ed],.loom-empty b[data-v-2cb773ed],.loom-header b[data-v-2cb773ed],.loom-section__title b[data-v-2cb773ed]{color:var(--mw-text)}.layer-chip span[data-v-2cb773ed],.loom-current small[data-v-2cb773ed],.loom-current span[data-v-2cb773ed],.loom-empty[data-v-2cb773ed],.loom-header span[data-v-2cb773ed],.loom-hint[data-v-2cb773ed],.loom-section__title span[data-v-2cb773ed],.recipe-list[data-v-2cb773ed],.recipe-list span[data-v-2cb773ed]{color:var(--mw-muted);font-size:.82rem}.loom-section__title b[data-v-2cb773ed]{align-items:center;gap:.45rem;display:inline-flex}.loom-section__title b span[data-v-2cb773ed]{color:#9ec5ff;background:#3d8bff29;border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;font-size:.74rem;display:grid}.loom-header__actions[data-v-2cb773ed]{gap:.45rem;display:inline-flex}.layer-actions button[data-v-2cb773ed],.loom-header__actions button[data-v-2cb773ed]{border:1px solid var(--mw-line-strong);border-radius:var(--mw-radius);background:var(--mw-control-bg);color:var(--mw-text);font-weight:800}.loom-header__actions button[data-v-2cb773ed]{padding:.5rem .7rem}.layer-actions button[data-v-2cb773ed]:hover:not(:disabled),.loom-header__actions button[data-v-2cb773ed]:hover{background:var(--mw-control-bg-hover)}.loom-grid[data-v-2cb773ed]{grid-template-columns:210px minmax(0,1fr) 270px;gap:.75rem;padding:.85rem;display:grid}.loom-layers[data-v-2cb773ed],.loom-main[data-v-2cb773ed],.loom-preview-panel[data-v-2cb773ed]{min-width:0}.loom-preview-panel[data-v-2cb773ed]{align-content:start;gap:.7rem;display:grid;position:sticky;top:1rem}.loom-preview-frame[data-v-2cb773ed]{border:1px solid var(--mw-line);border-radius:var(--mw-radius);background:var(--mw-control-bg);place-items:center;min-height:276px;padding:.85rem;display:grid}.loom-preview-frame .banner-canvas[data-v-2cb773ed]{width:min(132px,100%)}.loom-step-badge[data-v-2cb773ed]{width:max-content;color:var(--mw-muted);letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;padding:.32rem .55rem;font-size:.72rem;font-weight:900}.loom-current[data-v-2cb773ed],.loom-step-badge[data-v-2cb773ed]{background:var(--mw-control-bg)}.loom-current[data-v-2cb773ed]{border:1px solid #ffffff1a;border-radius:.9rem;gap:.35rem;padding:.7rem}.loom-current__row[data-v-2cb773ed]{grid-template-columns:auto 1fr;align-items:center;gap:.6rem;display:grid}.loom-add[data-v-2cb773ed]{border-radius:var(--mw-radius);color:#fff;min-height:42px;box-shadow:none;background:#3d8bff;border:1px solid #3d8bff;padding:.65rem .85rem;font-weight:900}.layer-actions button[data-v-2cb773ed]:disabled,.loom-add[data-v-2cb773ed]:disabled{opacity:.38;cursor:not-allowed}.loom-hint[data-v-2cb773ed]{margin:0;line-height:1.45}.loom-main[data-v-2cb773ed]{align-content:start;gap:.75rem;display:grid}.loom-section[data-v-2cb773ed]{gap:.65rem;display:grid}.loom-card[data-v-2cb773ed]{border:1px solid var(--mw-line);border-radius:var(--mw-radius);background:var(--mw-card-bg);padding:.75rem}.dye-grid[data-v-2cb773ed]{gap:.35rem;display:grid}.dye-grid[data-v-2cb773ed],.dye-grid.compact[data-v-2cb773ed]{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}.dye-button[data-v-2cb773ed]{border:1px solid var(--mw-line);border-radius:var(--mw-radius-sm,.65rem);background:var(--mw-control-bg);width:100%;min-height:34px;color:var(--mw-text);grid-template-columns:24px 1fr;align-items:center;gap:.4rem;padding:.28rem .42rem;display:grid}.dye-grid.compact .dye-button[data-v-2cb773ed]{width:100%;height:auto}.dye-button>span[data-v-2cb773ed]{background:var(--color);border-radius:.18rem;width:22px;height:22px;display:block;box-shadow:inset 0 -6px #00000029,inset 0 6px #ffffff1f}.dye-button small[data-v-2cb773ed]{color:var(--mw-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;overflow:hidden}.dye-button.active[data-v-2cb773ed],.pattern-button.active[data-v-2cb773ed]{border-color:#5b97ffdb;box-shadow:0 0 0 2px #3d8bff33}.pattern-toolbar[data-v-2cb773ed]{flex-wrap:wrap;gap:.35rem;display:flex}.pattern-toolbar button[data-v-2cb773ed]{color:var(--mw-muted);background:#ffffff0b;border:1px solid #ffffff1c;border-radius:999px;padding:.38rem .62rem;font-size:.78rem;font-weight:900}.pattern-toolbar button.active[data-v-2cb773ed]{color:#fff;background:#3d8bff29;border-color:#5b97ff94}.pattern-board[data-v-2cb773ed]{background:var(--mw-card-bg-soft);border:1px solid #ffffff1a;border-radius:.85rem;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.4rem;max-height:228px;padding:.35rem;display:grid;overflow:auto}.pattern-button[data-v-2cb773ed]{background:var(--mw-control-bg);border:1px solid #ffffff21;border-radius:.7rem;place-items:center;min-height:78px;padding:.3rem;display:grid}.loom-layers[data-v-2cb773ed]{align-content:start;gap:.75rem;display:grid}.loom-card--layers[data-v-2cb773ed],.loom-recipe-card[data-v-2cb773ed]{gap:.65rem;display:grid}.layers-stack[data-v-2cb773ed]{gap:.45rem;max-height:430px;padding-right:.2rem;display:grid;overflow:auto}.layer-chip[data-v-2cb773ed]{background:var(--mw-control-bg);border:1px solid #ffffff1a;border-radius:.8rem;grid-template-columns:26px 26px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.45rem;display:grid}.layer-number[data-v-2cb773ed],.recipe-index[data-v-2cb773ed]{width:24px;height:24px;color:var(--mw-text);background:#ffffff12;border-radius:999px;place-items:center;font-size:.74rem;font-weight:900;display:grid}.layer-chip div[data-v-2cb773ed]:not(.layer-actions){min-width:0;display:grid}.layer-chip b[data-v-2cb773ed]{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.layer-actions[data-v-2cb773ed]{gap:.2rem;display:inline-flex}.layer-actions button[data-v-2cb773ed]{place-items:center;width:28px;height:28px;padding:0;display:grid}.layer-actions svg[data-v-2cb773ed]{width:15px;height:15px}.layer-action-icon--up[data-v-2cb773ed]{transform:rotate(-90deg)}.layer-action-icon--down[data-v-2cb773ed]{transform:rotate(90deg)}.loom-empty[data-v-2cb773ed]{border:1px dashed #ffffff24;border-radius:.75rem;gap:.15rem;padding:.75rem;display:grid}.recipe-list[data-v-2cb773ed]{gap:.38rem;display:grid}.recipe-list div[data-v-2cb773ed]{grid-template-columns:24px 1fr;align-items:center;gap:.45rem;min-width:0;display:grid}.recipe-dot[data-v-2cb773ed]{border:1px solid #ffffff29;border-radius:999px;width:24px;height:24px;display:block}@media (width<=1199.98px){.loom-grid[data-v-2cb773ed]{grid-template-columns:230px minmax(0,1fr)}.loom-layers[data-v-2cb773ed]{grid-column:1/-1}}@media (width<=767.98px){.loom-grid[data-v-2cb773ed],.loom-header[data-v-2cb773ed]{grid-template-columns:1fr}.loom-preview-panel[data-v-2cb773ed]{position:static}.loom-header[data-v-2cb773ed]{align-items:stretch}.loom-header__actions[data-v-2cb773ed]{grid-template-columns:1fr 1fr;display:grid}.dye-grid[data-v-2cb773ed],.dye-grid.compact[data-v-2cb773ed]{grid-template-columns:repeat(2,minmax(0,1fr))}.loom-preview-frame[data-v-2cb773ed]{min-height:280px}}