.container.svelte-py1y2r{border:1px solid var(--bg-3);background-color:var(--bg-2);color:var(--fg-1);border-radius:8px;margin:20px auto;padding:20px}.form-group.svelte-py1y2r{margin-bottom:20px}label.svelte-py1y2r{margin-bottom:8px;font-weight:700;display:block}input[type=text].svelte-py1y2r{border:1px solid #ccc;border-radius:4px;width:100%;margin-top:5px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1em}.live.svelte-py1y2r{background-color:var(--surface-card);color:var(--surface-card-text);border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:15px}.live.svelte-py1y2r h2:where(.svelte-py1y2r){margin:0 0 10px;font-size:1rem}.live-grid.svelte-py1y2r{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.live-cell.svelte-py1y2r,.result-row.svelte-py1y2r{flex-direction:column;gap:4px;display:flex}.result-row.svelte-py1y2r{border-bottom:1px dashed #ddd;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:6px 0}.result-row.svelte-py1y2r:last-child{border-bottom:none}.label.svelte-py1y2r{color:#666;font-size:.85rem;font-weight:700}.copy.svelte-py1y2r{color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px}.copy.svelte-py1y2r:hover{background-color:var(--surface-muted);color:var(--surface-muted-text);border-color:#ccc}code.svelte-py1y2r{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}.quick-actions.svelte-py1y2r{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.quick-actions.svelte-py1y2r button:where(.svelte-py1y2r){background:var(--surface-muted);color:inherit;cursor:pointer;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:.9em}.quick-actions.svelte-py1y2r button:where(.svelte-py1y2r):hover{background:var(--surface-muted);color:var(--surface-muted-text)}.result.svelte-py1y2r{background-color:var(--surface-card);color:var(--surface-card-text);border:1px solid #ddd;border-radius:4px;padding:15px}.error.svelte-py1y2r{color:#a33;background-color:#fdecea;border:1px solid #d99;border-radius:4px;margin-bottom:20px;padding:10px}h2.svelte-py1y2r,h3.svelte-py1y2r{margin-bottom:15px}p.svelte-py1y2r,ul.svelte-py1y2r{margin-bottom:10px}ul.svelte-py1y2r{padding-left:20px}