.example-arrow-group.svelte-157e5h4{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.example-style-icon.svelte-157e5h4{display:flex;align-items:center;justify-content:center}.example-result-box.svelte-157e5h4{border-color:#c4ff0033;border-style:solid}.controls-section.svelte-157e5h4{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.control-group.svelte-157e5h4{display:flex;flex-direction:column;gap:8px}.control-label.svelte-157e5h4{font-size:.85rem;color:#888;font-weight:500}.style-grid.svelte-157e5h4{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-card.svelte-157e5h4{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:12px;border:1.5px solid #27272a;background:#111113;color:#999;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .15s,box-shadow .2s;font-family:var(--font-body, "Satoshi", sans-serif);text-align:center}.style-card.svelte-157e5h4:hover:not(.style-active){border-color:#444;color:#ccc;background:#161618;transform:translateY(-1px)}.style-active.svelte-157e5h4{border-color:var(--color-primary, #c4ff00);color:#fff;background:#c4ff000a;box-shadow:0 0 16px #c4ff0014,inset 0 0 0 1px #c4ff001a}.style-active.svelte-157e5h4:hover{background:#c4ff000f;transform:none}.style-emoji.svelte-157e5h4{font-size:1.6rem;line-height:1;opacity:.5;transition:opacity .2s,transform .2s}.style-active.svelte-157e5h4 .style-emoji:where(.svelte-157e5h4){opacity:1;transform:scale(1.1)}.style-card-name.svelte-157e5h4{font-size:.9rem;font-weight:600;color:inherit;letter-spacing:.01em}.style-card-desc.svelte-157e5h4{font-size:.7rem;color:#555;transition:color .2s;line-height:1.3}.style-active.svelte-157e5h4 .style-card-desc:where(.svelte-157e5h4){color:#888}.pill-row.svelte-157e5h4{display:flex;gap:8px;flex-wrap:wrap}.pill.svelte-157e5h4{padding:8px 16px;border-radius:8px;border:1px solid #27272a;background:transparent;color:#888;font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:var(--font-body, "Satoshi", sans-serif)}.pill.svelte-157e5h4:hover:not(.pill-active){border-color:#444;color:#ccc}.pill-active.svelte-157e5h4{border-color:var(--color-primary, #c4ff00);color:#fff;background:#c4ff0014}.advanced-section.svelte-157e5h4{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #1e1e22;border-radius:10px;background:#111113;margin-bottom:16px}.text-input.svelte-157e5h4{width:100%;padding:10px 14px;border:1px solid #27272a;border-radius:8px;background:#0d0d0f;color:#ccc;font-size:.85rem;font-family:var(--font-body, "Satoshi", sans-serif);transition:border-color .15s;outline:none}.text-input.svelte-157e5h4::placeholder{color:#3f3f46}.text-input.svelte-157e5h4:focus{border-color:#c4ff0066}.prompt-preview.svelte-157e5h4{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#0d0d0f;border:1px solid #1e1e22;font-size:.75rem;flex-wrap:wrap}.prompt-preview-label.svelte-157e5h4{color:#555;font-weight:500;flex-shrink:0}.prompt-preview-text.svelte-157e5h4{color:#888;font-family:SF Mono,Fira Code,monospace;font-size:.72rem;word-break:break-word}.result-skeleton.svelte-157e5h4{max-width:400px;margin:0 auto 20px}.result-container.svelte-157e5h4{display:flex;flex-direction:column;align-items:center;gap:20px}.result-main-img.svelte-157e5h4{cursor:pointer;transition:transform .15s}.result-main-img.svelte-157e5h4:hover{transform:scale(1.02)}.result-full.svelte-157e5h4{position:relative;max-width:400px;width:100%;border-radius:12px;overflow:hidden;border:1px solid #27272a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.result-full.svelte-157e5h4:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #0006}.result-full-img.svelte-157e5h4{width:100%;display:block}.result-full-overlay.svelte-157e5h4{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0009;color:#fff;font-size:.85rem;opacity:0;transition:opacity .2s}.result-full.svelte-157e5h4:hover .result-full-overlay:where(.svelte-157e5h4){opacity:1}@media(max-width:640px){.style-grid.svelte-157e5h4{gap:8px}.style-card.svelte-157e5h4{padding:12px 8px}.style-emoji.svelte-157e5h4{font-size:1.3rem}.style-card-name.svelte-157e5h4{font-size:.8rem}.style-card-desc.svelte-157e5h4{font-size:.65rem}.result-full.svelte-157e5h4{max-width:100%}}