.banner-root.svelte-16rrb55{display:flex;flex-direction:column}.banner-layout.svelte-16rrb55{display:grid;grid-template-columns:260px 1fr 300px;gap:1rem;min-height:520px}.banner-controls.svelte-16rrb55{display:flex;flex-direction:column;gap:1rem}.color-grid.svelte-16rrb55{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:.3rem}.color-swatch.svelte-16rrb55{width:100%;aspect-ratio:1;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.color-swatch.svelte-16rrb55:hover{transform:scale(1.15)}.color-swatch.active.svelte-16rrb55{border-color:var(--blue-0, #5e90ff);transform:scale(1.15)}.pattern-grid.svelte-16rrb55{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:.3rem;max-height:260px;overflow-y:auto}.pattern-btn.svelte-16rrb55{padding:2px;border:2px solid transparent;border-radius:3px;background:#ffffff4d;cursor:pointer;transition:border-color .12s ease}.pattern-btn.svelte-16rrb55:hover{border-color:#5e90ff66}.pattern-btn.active.svelte-16rrb55{border-color:var(--blue-0, #5e90ff);background:#5e90ff1a}.pattern-preview.svelte-16rrb55{width:100%;height:auto;display:block;image-rendering:pixelated}.add-btn.svelte-16rrb55{margin-top:.5rem;padding:.45rem;border-radius:6px;border:1px solid rgba(70,113,166,.35);background:#5e90ff14;color:var(--blue-0, #5e90ff);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .12s ease}.add-btn.svelte-16rrb55:hover{background:#5e90ff26}.add-btn.svelte-16rrb55:disabled{opacity:.4;cursor:not-allowed}.banner-preview.svelte-16rrb55{border:2px solid var(--line-0, rgba(46,94,143,.34));border-radius:var(--radius-lg, 16px);overflow:hidden;background:#1a1a1a}.banner-canvas.svelte-16rrb55{width:100%;height:100%;display:block}.banner-layers.svelte-16rrb55{display:flex;flex-direction:column;gap:1rem}.layers-header.svelte-16rrb55{display:flex;justify-content:space-between;align-items:center}.clear-btn.svelte-16rrb55{font-size:.68rem;color:var(--danger, #b83b3b);background:none;border:none;cursor:pointer;font-weight:600;text-decoration:underline}.empty-hint.svelte-16rrb55{font-size:.78rem;color:var(--ink-2, #5a7894);margin:.5rem 0;line-height:1.4}.layer-list.svelte-16rrb55{display:flex;flex-direction:column;gap:4px}.layer-item.svelte-16rrb55{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fff3;border-radius:6px;font-size:.78rem}.layer-num.svelte-16rrb55{font-weight:700;color:var(--ink-2, #5a7894);font-size:.7rem;width:16px;text-align:center}.layer-color-dot.svelte-16rrb55{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.layer-name.svelte-16rrb55{flex:1;font-weight:600;color:var(--ink-0, #0f253a)}.layer-actions.svelte-16rrb55{display:flex;gap:2px}.layer-btn.svelte-16rrb55{width:22px;height:22px;border:1px solid rgba(70,113,166,.25);border-radius:4px;background:#fff6;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-2, #5a7894);transition:background .1s ease}.layer-btn.svelte-16rrb55:hover{background:#5e90ff1a}.layer-btn.svelte-16rrb55:disabled{opacity:.3;cursor:default}.layer-btn--del.svelte-16rrb55{color:var(--danger, #b83b3b)}.layer-btn--del.svelte-16rrb55:hover{background:#b83b3b1a}.command-box.svelte-16rrb55{display:flex;align-items:center;gap:8px;background:#1a1a2e;border-radius:6px;padding:8px 10px;overflow-x:auto;margin-top:.3rem}.command-text.svelte-16rrb55{flex:1;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#e0e0e0;word-break:break-all}.copy-btn.svelte-16rrb55{padding:.3rem .7rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#5e90ff33;color:#fff;font-family:Chakra Petch,sans-serif;font-size:.68rem;font-weight:600;cursor:pointer;flex-shrink:0}.copy-btn.svelte-16rrb55:hover{background:#5e90ff66}.section-label.svelte-16rrb55{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2, #5a7894)}@media(max-width:900px){.banner-layout.svelte-16rrb55{grid-template-columns:1fr}.banner-preview.svelte-16rrb55{min-height:350px}}.editor-page.svelte-1nm2yyb{width:var(--layout-width, min(1160px, calc(100% - 2rem) ));margin:0 auto;padding-top:1rem;padding-bottom:2rem}.editor-header.svelte-1nm2yyb{margin-bottom:1rem}.editor-title.svelte-1nm2yyb{font-family:Teko,sans-serif;font-size:2rem;font-weight:600;color:var(--ink-0, #0f253a);margin:0;line-height:1.1}.editor-subtitle.svelte-1nm2yyb{font-size:.88rem;color:var(--ink-2, #5a7894);margin:.25rem 0 0}
