.avatar-tool .avatar-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.avatar-tool .avatar-controls-heading{flex-wrap:wrap;align-items:center;gap:1rem;min-height:2.5rem;margin-bottom:.75rem;display:flex}.avatar-tool .avatar-section-body,.avatar-tool fieldset{border:0;min-width:0;margin-inline:0;padding:0}.avatar-tool .avatar-sections{flex-direction:column;gap:.55rem;display:flex}.avatar-tool .avatar-section{text-align:left;width:100%;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:.75rem;align-items:center;gap:.85rem;padding:.8rem 1rem;display:flex}.avatar-tool .avatar-section>.bi:first-child{color:var(--accent);font-size:1.35rem}.avatar-tool .avatar-section>.bi:last-child{margin-left:auto;font-size:.8rem}.avatar-tool .avatar-section strong{font-size:.95rem;display:block}.avatar-tool .avatar-section small{color:var(--muted);font-size:.8rem;line-height:1.4;display:block}.avatar-tool .avatar-section:hover,.avatar-tool .avatar-section:focus-visible{background:var(--accent-soft);border-color:var(--accent)}.avatar-tool .avatar-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.avatar-tool .avatar-choice{cursor:pointer;background:var(--paper);border:2px solid var(--line);border-radius:.65rem;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.avatar-tool .avatar-choice .form-check-input{z-index:1;margin:0;position:absolute;top:.35rem;left:.35rem}.avatar-tool .avatar-choice img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.avatar-tool .avatar-choice>.avatar-choice-label{text-align:center;overflow-wrap:anywhere;width:100%;padding:.35rem .25rem;font-size:.78rem;line-height:1.4}.avatar-tool .avatar-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.avatar-tool .avatar-choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.avatar-tool .avatar-choice>.avatar-premium{z-index:1;position:absolute;top:.35rem;right:.35rem}.avatar-tool .avatar-head-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.avatar-tool .avatar-head-choices .avatar-choice{flex-direction:row;gap:.35rem;min-height:64px;padding:.4rem}.avatar-tool .avatar-head-choices .avatar-choice .form-check-input{flex-shrink:0;position:static}.avatar-tool .avatar-head-choices .avatar-choice img{aspect-ratio:auto;object-fit:contain;flex-shrink:0;width:36px;height:48px}.avatar-tool .avatar-head-choices .avatar-choice>.avatar-choice-label{text-align:left;padding:0;font-size:.83rem}.avatar-tool .avatar-head-choices .avatar-choice:has(>.avatar-premium)>.avatar-choice-label{padding-top:1rem}.avatar-tool .avatar-cheek-choices .avatar-choice img{aspect-ratio:auto;object-fit:contain;height:38px;margin-top:1.3rem}.avatar-tool .avatar-cheek-choices .avatar-choice>.avatar-choice-label{font-size:.83rem}.avatar-tool .avatar-compact-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.75rem),1fr));gap:.5rem}.avatar-tool .avatar-compact-choices .avatar-choice{gap:.25rem;min-height:88px;padding:.3rem}.avatar-tool .avatar-compact-choices .avatar-choice img,.avatar-tool .avatar-compact-choices .avatar-choice .avatar-no-hair{aspect-ratio:auto;object-fit:contain;border-radius:.25rem;width:100%;height:44px;margin-top:1rem}.avatar-tool .avatar-compact-choices .avatar-choice>.avatar-choice-label{padding:0;font-size:.83rem;line-height:1.3}.avatar-tool .avatar-background-choices .avatar-choice img{width:44px;height:44px}.avatar-tool .avatar-no-hair{color:var(--muted);place-items:center;font-size:1.6rem;display:grid}.avatar-tool .avatar-choice:has(input[value=transparent]) img{background:repeating-conic-gradient(#e4e4e7 0 25%, #fff 0 50%) 0/12px 12px}.avatar-tool .avatar-controls,.avatar-tool .avatar-preview-column{width:50%}.avatar-tool .avatar-preview-sticky{top:calc(var(--header-height) + 1rem);position:sticky}.avatar-tool .avatar-sharing{width:100%;color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.avatar-tool .avatar-code-label{white-space:nowrap;flex-shrink:0;font-size:.75rem}.avatar-tool .avatar-code-value{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:inherit;-webkit-user-select:all;user-select:all;font-size:.7rem;overflow:hidden}.avatar-tool .avatar-sharing .field-action{color:var(--muted);min-width:36px;min-height:36px}.avatar-tool .avatar-code-dialog{border:1px solid var(--line);background:var(--surface);width:min(30rem,100dvw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border-radius:.75rem;padding:1.25rem;overflow-y:auto}.avatar-tool .avatar-code-dialog::backdrop{background:#0009}.avatar-tool .avatar-code-dialog textarea{overflow-wrap:anywhere;font-size:.85rem}.avatar-tool .avatar-code-dialog .btn-close{flex-shrink:0}.avatar-tool .avatar-stage{border:1px solid var(--line);background-color:#fff;background-image:conic-gradient(#e4e4e7 25%, transparent 0 50%, #e4e4e7 0 75%, transparent 0);background-size:24px 24px;border-radius:1.2rem;width:100%;position:relative;overflow:hidden}.avatar-tool .avatar-canvas{aspect-ratio:1;display:block;width:100%!important;height:auto!important}.avatar-tool .avatar-rendering{background:var(--surface);color:var(--ink);border-radius:.4rem;padding:.4rem .7rem;font-size:.85rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.avatar-tool .avatar-swatches{flex-wrap:wrap;gap:.4rem;display:flex}.avatar-tool .avatar-swatch{border:1px solid var(--field-border);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.avatar-tool .avatar-swatch .bi{background:#27272a;border-radius:50%;line-height:1}.avatar-tool .avatar-swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.avatar-tool .avatar-hex{max-width:8rem}.avatar-tool .avatar-premium{vertical-align:baseline;color:var(--accent);align-items:center;display:inline-flex}.avatar-tool .btn-primary .avatar-premium{color:inherit}.avatar-tool .avatar-premium-note{color:var(--muted);margin-block:1rem .6rem;font-size:.8rem;line-height:1.6}.avatar-tool .avatar-export-size{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.avatar-tool .avatar-export-size .form-label{margin:0}.avatar-tool .avatar-export-size .form-select{width:auto;max-width:100%;font-size:.85rem}@container (width<=540px){.avatar-tool .avatar-controls,.avatar-tool .avatar-preview-column{width:100%}.avatar-tool .avatar-preview-column{order:-1}.avatar-tool .avatar-stage,.avatar-tool .avatar-sharing{max-width:320px;margin-inline:auto}.avatar-tool .avatar-preview-sticky{position:static}}html:has(.avatar-code-dialog:modal){overflow:hidden}