.app.svelte-1uha8ag{min-height:100vh;padding:16px;background:linear-gradient(180deg,#0a0a10,#0d0d14)}header.svelte-1uha8ag{text-align:center;padding:16px 12px;margin-bottom:16px;background:linear-gradient(135deg,#a855f714,#3b82f60d);border:1px solid rgba(168,85,247,.15)}.logo.svelte-1uha8ag{display:inline-flex;align-items:center;gap:10px}.logo.svelte-1uha8ag .icon:where(.svelte-1uha8ag){color:#a855f7}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:18px;font-weight:700;background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:12px;color:#6b7280;margin-top:6px}main.svelte-1uha8ag{display:grid;grid-template-columns:170px 1fr 280px;gap:14px;max-width:1400px;margin:0 auto}.panel.svelte-1uha8ag{background:linear-gradient(180deg,#15151d,#121218);border:1px solid #1f1f2a;padding:12px}.panel.svelte-1uha8ag h3:where(.svelte-1uha8ag){display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #1f1f2a}.panel.svelte-1uha8ag h3:where(.svelte-1uha8ag) .icon:where(.svelte-1uha8ag){color:#a855f7}.icon.svelte-1uha8ag{width:14px;height:14px;display:inline-flex;flex-shrink:0}.icon.sm.svelte-1uha8ag{width:12px;height:12px}.icon.svelte-1uha8ag svg{width:100%;height:100%}aside.svelte-1uha8ag{display:flex;flex-direction:column;gap:14px}.preset-list.svelte-1uha8ag{display:flex;flex-direction:column;gap:6px}.preset-btn.svelte-1uha8ag{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;background:linear-gradient(135deg,#1a1a24,#16161e);border:1px solid #252532;color:#d1d5db;cursor:pointer;transition:all .2s ease}.preset-btn.svelte-1uha8ag:hover{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:#a855f7;color:#fff;transform:translate(3px)}.preset-btn.svelte-1uha8ag .icon:where(.svelte-1uha8ag){color:#a855f7}.preset-btn.svelte-1uha8ag:hover .icon:where(.svelte-1uha8ag){color:#fff}.toggle-row.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;font-size:11px;color:#d1d5db;cursor:pointer;border-radius:2px;transition:background .15s}.toggle-row.svelte-1uha8ag:hover{background:#a855f714}.toggle-row.svelte-1uha8ag span:where(.svelte-1uha8ag){display:flex;align-items:center;gap:6px}.toggle-row.svelte-1uha8ag .icon:where(.svelte-1uha8ag){color:#9ca3af}.toggle-row.svelte-1uha8ag input:where(.svelte-1uha8ag){width:14px;height:14px;cursor:pointer;accent-color:#a855f7}.editor.svelte-1uha8ag{display:flex;flex-direction:column;gap:10px}.section.svelte-1uha8ag{padding:0;overflow:hidden;border-color:#252532;transition:border-color .2s}.section.svelte-1uha8ag:hover{border-color:#a855f74d}.section-header.svelte-1uha8ag{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:linear-gradient(135deg,rgba(168,85,247,.05) 0%,transparent 100%);border:none;border-bottom:1px solid #1f1f2a;color:#e5e7eb;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.section-header.svelte-1uha8ag:hover{background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,transparent 100%)}.section-header.svelte-1uha8ag>span:where(.svelte-1uha8ag){display:flex;align-items:center;gap:8px}.section-header.svelte-1uha8ag .icon:where(.svelte-1uha8ag){color:#a855f7}.arrow.svelte-1uha8ag{color:#6b7280;transition:transform .25s ease}.arrow.open.svelte-1uha8ag{transform:rotate(180deg)}.fields.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:12px;background:#0003}.field.full-width.svelte-1uha8ag{grid-column:1 / -1}.field.svelte-1uha8ag label:where(.svelte-1uha8ag){display:block;font-size:10px;font-weight:500;color:#9ca3af;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.field.svelte-1uha8ag input:where(.svelte-1uha8ag),.field.svelte-1uha8ag textarea:where(.svelte-1uha8ag),.field.svelte-1uha8ag select:where(.svelte-1uha8ag){width:100%;padding:8px 10px;font-size:12px;background:#0d0d12;border:1px solid #252532;color:#e5e7eb;transition:border-color .2s,box-shadow .2s}.field.svelte-1uha8ag input:where(.svelte-1uha8ag):focus,.field.svelte-1uha8ag textarea:where(.svelte-1uha8ag):focus,.field.svelte-1uha8ag select:where(.svelte-1uha8ag):focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f726}.field.svelte-1uha8ag input:where(.svelte-1uha8ag)::placeholder,.field.svelte-1uha8ag textarea:where(.svelte-1uha8ag)::placeholder{color:#4b5563}.field.svelte-1uha8ag textarea:where(.svelte-1uha8ag){resize:vertical;min-height:44px}.field.svelte-1uha8ag select:where(.svelte-1uha8ag){cursor:pointer}.preview.svelte-1uha8ag{display:flex;flex-direction:column;gap:10px;position:sticky;top:16px;max-height:calc(100vh - 32px)}.preview-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.preview-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:0;border:none}.preview-header.svelte-1uha8ag h3:where(.svelte-1uha8ag) .icon:where(.svelte-1uha8ag){color:#a855f7}.copy-btn.svelte-1uha8ag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #a855f740}.copy-btn.svelte-1uha8ag:hover{background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 4px 16px #a855f759;transform:translateY(-1px)}.copy-btn.svelte-1uha8ag:active{transform:translateY(0)}.preview-box.svelte-1uha8ag{flex:1;overflow-y:auto;border-color:#a855f733}.preview-box.svelte-1uha8ag pre:where(.svelte-1uha8ag){font-size:12px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;color:#d1d5db;font-family:SF Mono,Monaco,Cascadia Code,monospace}@media(max-width:1000px){main.svelte-1uha8ag{grid-template-columns:1fr}aside.svelte-1uha8ag{flex-direction:row}aside.svelte-1uha8ag .panel:where(.svelte-1uha8ag){flex:1}.preview.svelte-1uha8ag{position:static;max-height:none}}@media(max-width:600px){aside.svelte-1uha8ag{flex-direction:column}.fields.svelte-1uha8ag{grid-template-columns:1fr}}