.sa-layout[data-astro-cid-awcv5rn2]{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.sa-layout[data-astro-cid-awcv5rn2]{grid-template-columns:1fr}}.sa-ctrl[data-astro-cid-awcv5rn2]{display:flex;flex-direction:column;gap:1rem}.sa-section-lbl[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem;text-transform:uppercase}.sa-input-area[data-astro-cid-awcv5rn2]{background:var(--white);border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:border-color .15s;text-align:center}.sa-input-area[data-astro-cid-awcv5rn2]:hover{border-color:var(--blue)}.sa-input-area[data-astro-cid-awcv5rn2].has-svg{border-style:solid;border-color:var(--blue);cursor:default}.sa-drop-hint[data-astro-cid-awcv5rn2]{font-size:.8rem;color:var(--muted);line-height:1.5}.sa-drop-icon[data-astro-cid-awcv5rn2]{font-size:1.8rem;margin-bottom:.4rem}.sa-file-btn[data-astro-cid-awcv5rn2]{display:inline-block;margin-top:.6rem;padding:.35rem .9rem;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-accent);font-size:.7rem;font-weight:700;cursor:pointer;background:var(--white);transition:border-color .15s}.sa-file-btn[data-astro-cid-awcv5rn2]:hover{border-color:var(--blue)}.sa-paste-toggle[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.68rem;color:var(--blue);cursor:pointer;margin-top:.5rem;text-decoration:underline;display:block}.sa-paste-box[data-astro-cid-awcv5rn2]{width:100%;height:100px;font-family:monospace;font-size:.72rem;border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;resize:vertical;margin-top:.5rem}.sa-loaded-name[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.72rem;color:var(--blue);font-weight:700;margin-top:.3rem}.sa-clear-btn[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.68rem;color:var(--muted);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;margin-top:.15rem}.sa-tabs[data-astro-cid-awcv5rn2]{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--bg);border-radius:10px;padding:3px}.sa-tab[data-astro-cid-awcv5rn2]{padding:.45rem .3rem;border:none;border-radius:8px;background:transparent;font-family:var(--font-accent);font-size:.7rem;font-weight:700;cursor:pointer;color:var(--muted);transition:all .15s}.sa-tab[data-astro-cid-awcv5rn2].active{background:var(--white);color:var(--text);box-shadow:0 1px 3px #00000014}.sa-pattern-grid[data-astro-cid-awcv5rn2]{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.sa-pat-card[data-astro-cid-awcv5rn2]{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;background:var(--white);transition:all .15s;text-align:left}.sa-pat-card[data-astro-cid-awcv5rn2]:hover{border-color:var(--blue)}.sa-pat-card[data-astro-cid-awcv5rn2].active{border-color:var(--blue);background:#7da0d314}.sa-pat-icon[data-astro-cid-awcv5rn2]{font-size:1.1rem;flex-shrink:0;width:1.4rem;text-align:center}.sa-pat-label[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.65rem;font-weight:600;line-height:1.3}.sa-ctrl-row[data-astro-cid-awcv5rn2]{display:flex;flex-direction:column;gap:.35rem}.sa-ctrl-row[data-astro-cid-awcv5rn2] label[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.68rem;color:var(--mid);display:flex;justify-content:space-between}.sa-ctrl-row[data-astro-cid-awcv5rn2] label[data-astro-cid-awcv5rn2] span[data-astro-cid-awcv5rn2]{color:var(--text);font-weight:700}.sa-slider[data-astro-cid-awcv5rn2]{width:100%;accent-color:var(--blue)}.sa-select[data-astro-cid-awcv5rn2]{width:100%;border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-family:var(--font-accent);font-size:.72rem;background:var(--white)}.sa-iter-row[data-astro-cid-awcv5rn2]{display:flex;align-items:center;gap:.5rem}.sa-iter-toggle[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.65rem;display:flex;align-items:center;gap:.3rem;cursor:pointer}.sa-play-row[data-astro-cid-awcv5rn2]{display:flex;gap:.5rem}.sa-play-btn[data-astro-cid-awcv5rn2]{flex:1;padding:.55rem;border:none;border-radius:var(--radius-pill);background:var(--black);color:var(--white);font-family:var(--font-accent);font-size:.72rem;font-weight:700;cursor:pointer;transition:opacity .15s}.sa-play-btn[data-astro-cid-awcv5rn2]:hover{opacity:.8}.sa-play-btn[data-astro-cid-awcv5rn2].sec{background:var(--bg);color:var(--text);border:1px solid var(--border)}.sa-export-row[data-astro-cid-awcv5rn2]{display:flex;flex-direction:column;gap:.4rem}.sa-exp-btn[data-astro-cid-awcv5rn2]{width:100%;padding:.5rem .8rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--white);font-family:var(--font-accent);font-size:.7rem;font-weight:700;cursor:pointer;text-align:left;transition:border-color .15s;display:flex;align-items:center;gap:.5rem}.sa-exp-btn[data-astro-cid-awcv5rn2]:hover{border-color:var(--blue)}.sa-exp-btn[data-astro-cid-awcv5rn2].copied{border-color:var(--green);color:var(--green)}.sa-exp-icon[data-astro-cid-awcv5rn2]{font-size:.9rem}.sa-preview-panel[data-astro-cid-awcv5rn2]{display:flex;flex-direction:column;gap:.75rem}.sa-bg-bar[data-astro-cid-awcv5rn2]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sa-bg-lbl[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.65rem;color:var(--muted);font-weight:700;margin-right:.2rem}.sa-bg-btn[data-astro-cid-awcv5rn2]{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:border-color .15s}.sa-bg-btn[data-astro-cid-awcv5rn2].active{border-color:var(--blue);box-shadow:0 0 0 2px #7da0d34d}.sa-bg-btn[data-astro-cid-awcv5rn2][data-bg=checker]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='4' height='4' fill='%23ccc'/%3E%3Crect x='4' y='4' width='4' height='4' fill='%23ccc'/%3E%3C/svg%3E")}.sa-bg-btn[data-astro-cid-awcv5rn2][data-bg=white]{background:#fff}.sa-bg-btn[data-astro-cid-awcv5rn2][data-bg=black]{background:#111}.sa-bg-btn[data-astro-cid-awcv5rn2][data-bg=gray]{background:#888}.sa-preview-area[data-astro-cid-awcv5rn2]{background:#f0f0f0;border:1px solid var(--border);border-radius:var(--radius-md);min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sa-preview-area[data-astro-cid-awcv5rn2].bg-checker{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%23ddd'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23ddd'/%3E%3Crect x='8' y='0' width='8' height='8' fill='%23f0f0f0'/%3E%3Crect x='0' y='8' width='8' height='8' fill='%23f0f0f0'/%3E%3C/svg%3E")}.sa-preview-area[data-astro-cid-awcv5rn2].bg-white{background:#fff}.sa-preview-area[data-astro-cid-awcv5rn2].bg-black{background:#111}.sa-preview-area[data-astro-cid-awcv5rn2].bg-gray{background:#888}#sa-preview-inner[data-astro-cid-awcv5rn2]{width:100%;height:100%;min-height:420px;display:flex;align-items:center;justify-content:center;padding:2rem}#sa-preview-inner[data-astro-cid-awcv5rn2] svg[data-astro-cid-awcv5rn2]{max-width:100%;max-height:360px;width:auto;height:auto}.sa-empty-hint[data-astro-cid-awcv5rn2]{text-align:center;color:var(--muted);font-size:.85rem;line-height:1.7}.sa-empty-icon[data-astro-cid-awcv5rn2]{font-size:2.5rem;margin-bottom:.5rem}.sa-draw-note[data-astro-cid-awcv5rn2]{font-family:var(--font-accent);font-size:.65rem;color:var(--muted);background:#7da0d314;border:1px solid rgba(125,160,211,.2);border-radius:6px;padding:.4rem .7rem;margin-top:.25rem}