.clan-form[data-v-220a9695]{flex-direction:column;gap:20px;display:flex}.preview[data-v-220a9695]{background:color-mix(in srgb,var(--c) 14%,#fff);border:2px solid #131217;border-radius:16px;align-items:center;gap:16px;padding:16px 18px;display:flex}.preview-text[data-v-220a9695]{flex-direction:column;gap:6px;min-width:0;display:flex}.preview-name[data-v-220a9695]{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:22px;font-weight:800}.preview-line[data-v-220a9695]{color:#4a4758;align-items:center;gap:6px;font-weight:700;display:inline-flex}.badge[data-v-220a9695]{letter-spacing:.08em;border:2px solid #131217;border-radius:6px;padding:3px 6px 2px;font-family:Anton,sans-serif;font-size:11px;box-shadow:2px 2px #131217}.grid[data-v-220a9695]{grid-template-columns:minmax(0,1fr) 140px;gap:14px;display:grid}.field[data-v-220a9695]{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.label[data-v-220a9695]{letter-spacing:.14em;text-transform:uppercase;color:#6f6b80;margin-bottom:2px;padding:0;font-family:Anton,sans-serif;font-size:12px}.input[data-v-220a9695]{color:#131217;resize:vertical;background:#fff;border:2px solid #131217;border-radius:12px;outline:none;width:100%;padding:11px 14px;font:500 15px/1.4 Outfit,sans-serif;transition:box-shadow .15s,border-color .15s}.input[data-v-220a9695]:focus{border-color:#6c5cf6;box-shadow:3px 3px #6c5cf6}.tag-input[data-v-220a9695]{letter-spacing:.14em;text-transform:uppercase;font-family:Anton,sans-serif;font-size:18px}.hint[data-v-220a9695]{color:#6f6b80;font-size:12px;font-weight:600}.hint.bad[data-v-220a9695]{color:#ff3b3b}.swatches[data-v-220a9695]{flex-wrap:wrap;gap:10px;display:flex}.swatch[data-v-220a9695]{cursor:pointer;border:2px solid #131217;border-radius:50%;width:38px;height:38px;transition:transform .15s,box-shadow .15s;position:relative}.swatch.on[data-v-220a9695]{box-shadow:0 0 0 3px #fff,0 0 0 5px #131217}.swatch[data-v-220a9695]:hover{transform:scale(1.08)}.emblems[data-v-220a9695]{flex-wrap:wrap;gap:10px;display:flex}.emblem-pick[data-v-220a9695]{cursor:pointer;border-radius:14px;transition:transform .15s}.emblem-pick[data-v-220a9695]:hover{transform:translate(-1px,-1px)}.emblem-pick.on[data-v-220a9695]{outline-offset:3px;outline:3px solid #131217}button.emblem-pick[data-v-220a9695]{background:0 0;border:0;padding:0}.upload-box[data-v-220a9695]{color:#131217;background:#fff;border:2px dashed #131217;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex}.upload:hover .upload-box[data-v-220a9695]{background:var(--a2-violet-soft,#cfc6ff)}.upload.busy[data-v-220a9695]{opacity:.5;pointer-events:none}.emblem-pick input[data-v-220a9695],.mode input[data-v-220a9695],.swatch input[data-v-220a9695]{opacity:0;pointer-events:none;position:absolute}:is(.emblem-pick[data-v-220a9695]:has(input:focus-visible),.mode[data-v-220a9695]:has(input:focus-visible),.swatch[data-v-220a9695]:has(input:focus-visible)){outline-offset:3px;outline:2px solid #6c5cf6}.modes[data-v-220a9695]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode[data-v-220a9695]{cursor:pointer;color:#4a4758;background:#fff;border:2px solid #131217;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;font-size:13px;transition:background .15s,box-shadow .15s;display:flex;position:relative}.mode strong[data-v-220a9695]{color:#131217;font-size:15px}.mode.on[data-v-220a9695]{background:var(--a2-violet-soft,#cfc6ff);box-shadow:3px 3px #131217}.error[data-v-220a9695]{color:#fff;background:#ff3b3b;border:2px solid #131217;border-radius:12px;margin:0;padding:10px 14px;font-size:14px;font-weight:600}.actions[data-v-220a9695]{justify-content:flex-end;gap:12px;display:flex}.actions .a2-btn[data-v-220a9695]{justify-content:center;align-items:center;display:inline-flex}.actions button.a2-btn[data-v-220a9695]:hover:not([disabled]){transform:translate(2px,2px);box-shadow:2px 2px #000}.actions .a2-btn[disabled][data-v-220a9695]{opacity:.45;cursor:not-allowed;box-shadow:none}@media (width<=600px){.grid[data-v-220a9695],.modes[data-v-220a9695]{grid-template-columns:minmax(0,1fr)}.actions[data-v-220a9695]{flex-direction:column-reverse}.actions .a2-btn[data-v-220a9695]{width:100%}}
