.composer[data-v-21239419]{display:flex;flex-direction:column}.composer-head[data-v-21239419]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.625rem}.composer-head-actions[data-v-21239419]{align-items:center;display:flex;gap:.875rem}.composer-link[data-v-21239419]{align-items:center;background:transparent;border:0;color:var(--primary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:.25rem;padding:0}.composer-link[data-v-21239419]:hover{text-decoration:underline}.composer-link .icon[data-v-21239419]{height:12px;width:12px}.composer-swatches[data-v-21239419]{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));margin-bottom:.875rem}.composer-sw-wrap[data-v-21239419]{display:flex;flex-direction:column;gap:3px;position:relative}.composer-sw[data-v-21239419]{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:0;border-radius:var(--radius-sm);cursor:pointer;padding:0;width:100%}.composer-sw[data-v-21239419]::-webkit-color-swatch-wrapper{padding:0}.composer-sw[data-v-21239419]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.composer-sw[data-v-21239419]::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.composer-sw-hex[data-v-21239419]{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em;text-align:center}.composer-sw-x[data-v-21239419]{align-items:center;background:var(--foreground);border:0;border-radius:999px;color:var(--background);cursor:pointer;display:flex;font-size:9px;height:18px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .14s ease;width:18px}.composer-sw-wrap:hover .composer-sw-x[data-v-21239419]{opacity:1}.composer-sw-x .icon[data-v-21239419]{height:10px;width:10px}.composer-name[data-v-21239419]{font-size:var(--text-sm);height:38px;margin-bottom:.75rem;padding:0 .75rem!important;width:100%}.composer-themes-label[data-v-21239419]{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 .375rem;text-transform:uppercase}.composer-themes-label span[data-v-21239419]{font-weight:500;letter-spacing:0;text-transform:none}.composer-themes[data-v-21239419]{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.composer-theme[data-v-21239419]{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--foreground);cursor:pointer;font-size:12px;font-weight:600;padding:.3rem .7rem;transition:border-color var(--transition),color var(--transition),background var(--transition)}.composer-theme.active[data-v-21239419]{background:color-mix(in oklab,var(--primary) 14%,var(--surface));border-color:var(--primary);color:var(--primary)}.composer-actions[data-v-21239419]{display:flex;flex-wrap:wrap;gap:.5rem}.composer-actions .btn[data-v-21239419]{align-items:center;display:inline-flex;gap:.375rem}.composer-note[data-v-21239419]{color:var(--muted);font-size:var(--text-xs);margin-top:.625rem}