.panel[data-v-420b5239]{border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface);padding:20px}.pf-head[data-v-420b5239]{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--app-border)}.pf-id[data-v-420b5239]{display:flex;flex-direction:column;gap:2px;min-width:0}.pf-name[data-v-420b5239]{font-size:16px;font-weight:700;color:var(--l17-ink)}.pf-role[data-v-420b5239]{font-size:13px;color:var(--app-text-dim)}.fields[data-v-420b5239]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field[data-v-420b5239]{display:flex;flex-direction:column;gap:6px}.field>span[data-v-420b5239]{font-size:12px;font-weight:600;color:var(--app-text-dim)}.field input[data-v-420b5239]{border:1px solid var(--app-border);border-radius:9px;padding:9px 11px;font-size:14px;font-family:inherit;background:var(--app-surface);color:var(--app-text)}.field input[data-v-420b5239]:focus{outline:none;border-color:var(--l17-red);box-shadow:0 0 0 3px #e2001a1f}.colour[data-v-420b5239]{margin-top:18px}.swatches[data-v-420b5239]{display:flex;flex-wrap:wrap;gap:9px}.sw[data-v-420b5239]{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;transition:transform .1s}.sw[data-v-420b5239]:hover{transform:scale(1.08)}.sw.on[data-v-420b5239]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--l17-ink)}.err[data-v-420b5239]{color:#b00015;background:#fdecee;padding:9px 11px;border-radius:8px;font-size:13px;margin:16px 0 0}@media(max-width:560px){.fields[data-v-420b5239]{grid-template-columns:1fr}}@media(max-width:767px){.panel[data-v-420b5239]{padding:16px}.fields[data-v-420b5239]{grid-template-columns:1fr}.field input[data-v-420b5239]{font-size:16px;padding:11px 12px}.swatches[data-v-420b5239]{gap:10px}.sw[data-v-420b5239]{width:40px;height:40px}}