.pattern-builder.svelte-1yqdrqp{background:#fff;border-radius:12px;padding:2rem;max-width:500px;margin:0 auto}h2.svelte-1yqdrqp{color:#0f172a;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.form-group.svelte-1yqdrqp{margin-bottom:1.5rem;flex:1}.form-row.svelte-1yqdrqp{display:flex;gap:1rem}label.svelte-1yqdrqp{display:block;margin-bottom:.5rem;color:#0f172a;font-weight:500}input.svelte-1yqdrqp{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input.svelte-1yqdrqp:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f666}.form-actions.svelte-1yqdrqp{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn.svelte-1yqdrqp{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary.svelte-1yqdrqp{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none}.btn-primary.svelte-1yqdrqp:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a40}.btn-secondary.svelte-1yqdrqp{background:#f9fafb;color:#4b5563;border:1px solid #e5e7eb}.btn-secondary.svelte-1yqdrqp:hover{background:#e5e7eb}select.svelte-1yqdrqp{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1.5rem;transition:border-color .2s,box-shadow .2s;background:#fff;cursor:pointer}select.svelte-1yqdrqp:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f666}.color-selector.svelte-1yqdrqp{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.color-option.svelte-1yqdrqp{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.color-option.svelte-1yqdrqp:hover{transform:scale(1.1);border-color:#0003}.color-option.selected.svelte-1yqdrqp{border-color:#00000080;box-shadow:0 2px 8px #00000026}.checkmark.svelte-1yqdrqp{color:#0009;font-weight:700}