.traits-page__intro{max-width:820px;color:var(--muted);margin:-10px 0 14px;font-size:14px}.traits{--trait-scale:1;--trait-node:calc(38px * var(--trait-scale));--trait-line:calc(60px * var(--trait-scale))}.traits,.traits-branch,.traits__tab{--branch-accent:var(--amber);--accent-soft:color-mix(in srgb, var(--branch-accent) 22%, transparent);--accent-background:color-mix(in srgb, var(--branch-accent) 7%, var(--surface));--accent-fill:color-mix(in srgb, var(--branch-accent) 14%, #0b0e0a)}.traits__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.traits__tabs{gap:6px;display:none}.traits__tab{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:0 14px;font-size:12px}.traits__tab[aria-selected=true]{border-color:var(--branch-accent);color:var(--branch-accent);background:var(--accent-background)}.traits__controls{align-items:center;gap:6px;margin-left:auto;display:flex}.traits__icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;place-items:center;display:grid}.traits__icon-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber-bright)}.traits__icon-button:disabled{opacity:.4;cursor:default}.traits__reset{white-space:nowrap;min-height:36px}.traits__error{color:#ffb3a4;border:1px solid #bf5e4680;margin:0 0 12px;padding:8px 12px;font-size:13px}.traits__branches{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.traits-branch{border:1px solid var(--line);border-top:2px solid var(--branch-accent);background:linear-gradient(180deg, var(--accent-background), var(--surface) 70%);min-width:0}.traits-branch__header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 14px;display:flex}.traits-branch__header h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:21px;font-weight:700}.traits-branch__spent{color:var(--branch-accent);font-family:var(--font-tech);font-size:12px}.traits-branch__reset{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;padding:0;font-size:12px;display:inline-flex}.traits-branch__reset:hover:not(:disabled){color:var(--branch-accent)}.traits-branch__scroll{padding:10px 12px 14px}.traits-branch__canvas{height:calc(var(--lines,9) * var(--trait-line));position:relative}.traits-branch__edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.traits-branch__edges polyline{fill:none;stroke:#d5e0c32e;stroke-width:2px;stroke-linejoin:miter;stroke-linecap:square}.traits-branch__edges polyline.is-lit{stroke:var(--branch-accent)}.traits-branch__edges polyline.is-passed{stroke:#d5e0c312;stroke-dasharray:3 4}.trait-node{width:var(--trait-node);height:var(--trait-node);margin:calc(var(--trait-node) / -2) 0 0 calc(var(--trait-node) / -2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.trait-shape{--shape-stroke:var(--line-bright,#dde8ca42);--shape-fill:var(--surface-3,#161b13);width:100%;height:100%;color:var(--muted);font-family:var(--font-display);font-size:calc(15px * var(--trait-scale));place-items:center;font-weight:700;transition:filter .15s;display:grid;position:relative}.trait-shape--hexagon{width:90%}.trait-shape--circle .trait-shape__content{padding:20%}.trait-shape--square .trait-shape__content{padding:15%}.trait-node--small{--trait-node-size:.8}.trait-node--large-key{--trait-node-size:1.3}.trait-node{width:calc(var(--trait-node) * var(--trait-node-size,1));height:calc(var(--trait-node) * var(--trait-node-size,1));margin:calc(var(--trait-node) * var(--trait-node-size,1) / -2) 0 0 calc(var(--trait-node) * var(--trait-node-size,1) / -2)}.trait-node--large-key .trait-shape{font-size:calc(19px * var(--trait-scale))}.trait-node--small .trait-shape{font-size:calc(12px * var(--trait-scale))}.trait-node--passed .trait-shape{opacity:.45}.trait-shape__outline{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trait-shape__outline polygon,.trait-shape__outline circle{fill:var(--shape-fill);stroke:var(--shape-stroke);stroke-width:1.5px;stroke-linejoin:round;transition:fill .15s,stroke .15s}.trait-shape__content{place-items:center;width:100%;height:100%;padding:17% 15%;display:grid;position:relative}.trait-shape__content img{object-fit:contain;width:100%;height:100%}.trait-node--locked .trait-shape{--shape-stroke:#dde8ca29}.trait-node--locked .trait-shape__outline polygon,.trait-node--locked .trait-shape__outline circle{stroke-dasharray:3 3}.trait-node--locked .trait-shape__content{opacity:.55}.trait-node--available .trait-shape{--shape-stroke:var(--branch-accent);color:var(--text)}.trait-node--available .trait-shape__outline polygon,.trait-node--available .trait-shape__outline circle{stroke-dasharray:4 3}.trait-node--owned .trait-shape,.trait-node--maxed .trait-shape{--shape-stroke:var(--branch-accent);--shape-fill:var(--accent-fill);color:var(--branch-accent)}.trait-node--owned .trait-shape__outline polygon,.trait-node--owned .trait-shape__outline circle,.trait-node--maxed .trait-shape__outline polygon,.trait-node--maxed .trait-shape__outline circle{stroke-width:2px}.trait-node--maxed .trait-shape{filter:drop-shadow(0 0 4px var(--accent-soft)) drop-shadow(0 0 2px var(--branch-accent))}.trait-node:hover .trait-shape,.trait-node.is-open .trait-shape{filter:drop-shadow(0 0 3px var(--accent-soft))}.trait-node--maxed:hover .trait-shape,.trait-node--maxed.is-open .trait-shape{filter:drop-shadow(0 0 5px var(--accent-soft)) drop-shadow(0 0 2px var(--branch-accent))}.trait-node:hover .trait-shape__content,.trait-node:focus-visible .trait-shape__content,.trait-node.is-open .trait-shape__content{opacity:1}.trait-node:focus-visible{outline:none}.trait-node:focus-visible .trait-shape{filter:drop-shadow(0 0 2px var(--branch-accent)) drop-shadow(0 0 2px var(--branch-accent))}.trait-node__rank{border:1px solid var(--line);background:var(--ink,#070906);color:var(--branch-accent);font-family:var(--font-tech);padding:0 4px;font-size:10px;line-height:15px;position:absolute;bottom:-6px;right:-12px}.trait-detail{z-index:1100;box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--line-bright,#dde8ca42);background:var(--surface-2,#11150f);width:290px;max-width:calc(100vw - 16px);color:var(--text);pointer-events:none;padding:12px 14px;font-size:13px;position:fixed;overflow:auto;box-shadow:0 16px 40px #0000008c}.trait-detail.is-pinned{pointer-events:auto}@media (min-width:901px) and (hover:hover){.trait-detail{visibility:hidden}}.trait-detail__head{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.trait-detail__head strong{font-size:15px;line-height:1.2;display:block}.trait-detail__icon{--trait-scale:.9;place-items:center;width:34px;height:34px;display:grid}.trait-detail__meta{color:var(--muted);margin-top:2px;font-size:12px;display:block}.trait-detail__close{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;display:grid}.trait-detail__description{color:var(--muted);margin:10px 0 0;line-height:1.45}.trait-detail__requirements{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.trait-detail__requirements p{color:var(--muted);margin:0}.trait-detail__label{font-family:var(--font-tech);letter-spacing:.06em;text-transform:uppercase;font-size:11px;margin-bottom:4px!important}.trait-detail__requirements ul{gap:3px;margin:0 0 6px;padding:0;list-style:none;display:grid}.trait-detail__requirements li{color:var(--muted);align-items:center;gap:6px;display:flex}.trait-detail__requirements li.is-met{color:var(--text)}.trait-detail__requirements li.is-met svg{color:var(--green,#7ead56)}.trait-detail__group{text-transform:uppercase;font-size:11px;color:var(--muted-quiet,#71786c)!important}.trait-detail__actions{gap:8px;margin-top:12px;display:flex}.trait-detail__actions .button{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:1;width:100%;min-height:36px;padding:0 8px;font-size:11px}.trait-detail__actions .button--primary{border-color:var(--branch-accent);background:var(--branch-accent);color:#0b0e0a}.trait-detail__actions .button--primary:hover:not(:disabled){filter:brightness(1.1)}.trait-detail__hint{color:var(--muted);margin:10px 0 0;font-size:12px}@media (max-width:1280px){.traits{--trait-node:calc(34px * var(--trait-scale));--trait-line:calc(54px * var(--trait-scale))}.traits-branch__header h2{font-size:18px}}@media (max-width:900px){.traits{--trait-node:calc(40px * var(--trait-scale));--trait-line:calc(64px * var(--trait-scale))}.traits__tabs{flex:100%;display:flex}.traits__tab{flex:1;min-height:44px}.traits__controls{flex:100%;grid-template-columns:repeat(3,minmax(44px,1fr));gap:6px;margin-left:0;display:grid}.traits__controls--with-reset{grid-template-columns:repeat(3,minmax(44px,1fr)) minmax(0,1.6fr)}.traits__icon-button{width:auto;height:44px}.traits__reset{text-overflow:ellipsis;min-width:0;min-height:44px;padding:0 10px;font-size:12px;overflow:hidden}.traits__branches{grid-template-columns:minmax(0,1fr)}.traits-branch{display:none}.traits-branch.is-active{display:block}.traits-branch__canvas{max-width:420px;margin:0 auto}}@media (max-width:900px),(hover:none){.trait-detail{right:0;bottom:var(--sheet-bottom,0px);width:auto;max-width:none;max-height:70vh;max-height:min(70dvh, var(--sheet-max,70dvh));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;position:fixed;overflow:auto;top:auto!important;left:0!important}.trait-detail:has(.trait-picker){max-height:min(85dvh, var(--sheet-max,85dvh))}.trait-picker__list{max-height:max(132px, min(260px, calc(var(--sheet-max,70dvh) - 210px)))}.trait-detail:not(.is-pinned){display:none}}.traits__total{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text);font-family:var(--font-tech);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.traits__total>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.traits__total.is-full{border-color:var(--amber);color:var(--amber-bright)}.traits-branch__header{flex-wrap:nowrap;align-items:center}.traits-branch__header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.traits-branch__spent{font-variant-numeric:tabular-nums;opacity:.85;flex:none}.traits-branch__spent.is-full{opacity:1;font-weight:700}.traits-branch__reset{white-space:nowrap;flex:none}.trait-node--random:not(.is-revealed) .trait-shape{color:var(--branch-accent)}.trait-node--random.is-legacy:after{content:"";border:1px solid var(--ink,#070906);background:var(--amber-bright,#f3bd3c);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.trait-detail__legacy{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.4}.trait-detail__badge{border:1px solid var(--amber,#d9a52e);color:var(--amber-bright,#f3bd3c);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;margin-right:4px;padding:1px 6px;font-size:10px;display:inline-block}.trait-detail__reveal{gap:8px;margin-top:10px;display:flex}.trait-detail__reveal .button{white-space:nowrap;flex:1;min-height:32px;padding:0 8px;font-size:11px}.trait-detail__select{border:1px dashed var(--branch-accent);background:var(--accent-background);width:100%;min-height:34px;color:var(--branch-accent);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:11px}.trait-detail__select:hover:not(:disabled){background:var(--accent-fill)}.trait-picker{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.trait-picker__title{color:var(--branch-accent);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.trait-picker__search{border:1px solid var(--line);background:var(--ink,#070906);color:var(--muted);align-items:center;gap:6px;padding:0 8px;display:flex}.trait-picker__search input{min-width:0;min-height:32px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:max(16px,1em)}.trait-picker__search:focus-within{border-color:var(--branch-accent)}.trait-picker__list{overscroll-behavior:contain;max-height:220px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.trait-picker__option{width:100%;min-height:36px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.trait-picker__option:hover:not(:disabled),.trait-picker__option:focus-visible{border-color:var(--line-bright,#dde8ca42);background:var(--accent-background);outline:none}.trait-picker__option[aria-pressed=true]{border-color:var(--branch-accent);color:var(--branch-accent)}.trait-picker__icon{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);font-family:var(--font-display);place-items:center;font-size:12px;font-weight:700;display:grid}.trait-picker__icon img{object-fit:contain;width:100%;height:100%}.trait-picker__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trait-picker__empty{color:var(--muted);padding:8px 6px;font-size:12px}.trait-picker__cancel{width:100%;min-height:32px;margin-top:6px;font-size:11px}@media (max-width:900px){.traits__controls{grid-template-columns:auto repeat(3,minmax(44px,1fr))}.traits__controls--with-reset{grid-template-columns:auto repeat(3,minmax(44px,1fr)) minmax(0,1.6fr)}.traits__total{min-height:44px;padding:0 8px}.trait-picker__option{min-height:44px}}.trait-node--locked{cursor:default}.trait-node--locked:hover .trait-shape,.trait-node--locked.is-open .trait-shape{filter:none;--shape-stroke:#dde8ca52}.trait-node--empty{cursor:default;pointer-events:none}.trait-node--empty .trait-shape{--shape-stroke:#dde8ca1a;--shape-fill:transparent;color:#dde8ca47}.trait-node--empty .trait-shape__outline polygon,.trait-node--empty .trait-shape__outline circle{stroke-dasharray:2 4}.trait-detail__title-link{color:inherit;text-decoration:none}.trait-detail__title-link strong{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--branch-accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--branch-accent) 55%, transparent);text-underline-offset:3px}.trait-detail__title-link:hover strong,.trait-detail__title-link:focus-visible strong{color:var(--branch-accent)}.trait-node.is-target{z-index:3;animation:2.4s ease-out trait-node-target}@keyframes trait-node-target{0%,60%{filter:drop-shadow(0 0 0 var(--branch-accent,var(--amber))) drop-shadow(0 0 10px var(--branch-accent,var(--amber)));transform:scale(1.12)}to{filter:none;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.trait-node.is-target{outline:2px solid var(--branch-accent,var(--amber));outline-offset:4px;animation:none}}.trait-builds{flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex}.trait-builds__selector{width:260px;min-width:0}.trait-builds__selector .dmz-select__button{min-height:36px;padding:6px 10px}.trait-builds__selector .dmz-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trait-builds__selector--single{border:1px solid var(--line);background:var(--surface);align-items:center;min-height:36px;padding:0 10px;display:flex}.trait-builds__selector--single span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trait-builds__action{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.trait-builds__action:hover{border-color:var(--amber);color:var(--amber-bright)}.trait-builds__action:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.trait-builds__action--accent{border-color:var(--amber);background:var(--amber);color:#131006}.trait-builds__action--accent:hover{border-color:var(--amber-bright);background:var(--amber-bright);color:#131006}.trait-builds__new{white-space:nowrap}.traits-page__header{container-type:inline-size}@container (max-width:479px){.trait-builds__new{width:44px;min-height:44px;padding:0}.trait-builds__new-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.trait-builds__new svg{width:18px;height:18px}}.trait-builds__field{gap:6px;margin:4px 0 10px;display:grid}.trait-builds__field label{color:var(--muted);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.trait-builds__field input,.trait-share__row input{border:1px solid var(--line-bright);background:var(--input-bg);width:100%;min-height:44px;color:var(--text);font:inherit;padding:8px 12px}.trait-builds__field input[aria-invalid=true]{border-color:var(--red)}.trait-builds__hint{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.trait-builds__hint.is-error,.trait-builds__error{color:#ffb3a4}.trait-builds__error{margin:10px 0 0;font-size:13px}.trait-builds__warning{border:1px solid rgba(var(--amber-rgb), .45);color:var(--text);margin:10px 0 0;padding:8px 12px;font-size:13px;line-height:1.5}.trait-builds__link{color:var(--amber-bright)}.trait-builds__section{border-top:1px solid var(--line);justify-items:start;gap:8px;padding:12px 0;display:grid}.trait-builds__section:first-of-type{border-top:0;padding-top:0}.trait-builds__section .trait-builds__field{justify-self:stretch}.trait-builds__danger{color:#ffb3a4;border-color:#bf5e4699}.trait-builds__danger:hover:not(:disabled){color:#ffb4ae;background:#e5534b1f;border-color:#e5534b}.trait-settings__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trait-settings__actions .button{white-space:nowrap;gap:7px;min-height:40px;padding:0 14px;font-size:13px}.trait-settings__actions .trait-settings__close{width:40px;margin-left:auto;padding:0}.trait-builds__field:has(+.trait-settings__actions){margin-bottom:0}@media (max-width:520px){.trait-settings__actions{grid-template-columns:minmax(0,1fr) 44px 44px;display:grid}.trait-settings__actions .button{min-height:44px}.trait-settings__save{grid-column:1/-1}.trait-settings__duplicate{min-width:0}.trait-settings__duplicate span{text-overflow:ellipsis;min-width:0;overflow:hidden}.trait-settings__actions .trait-settings__delete,.trait-settings__actions .trait-settings__close{width:44px;margin:0;padding:0}.trait-settings__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.trait-build-meta{color:var(--muted);font-family:var(--font-tech);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 16px;margin-top:10px;font-size:12px;display:flex}.trait-build-meta__stat{align-items:center;gap:5px;display:inline-flex}.trait-build-meta__dates{position:relative}.trait-build-meta__updated{min-height:32px;color:inherit;font:inherit;cursor:help;background:0 0;border:0;border-bottom:1px dotted #dde8ca59;align-items:center;gap:6px;padding:0;display:inline-flex}.trait-build-meta__updated:focus-visible{outline:2px solid var(--amber-bright);outline-offset:3px}.trait-build-meta__tip{z-index:30;border:1px solid var(--line-bright);background:var(--surface-2);width:max-content;max-width:min(320px,100vw - 32px);color:var(--text);white-space:normal;gap:4px;padding:8px 10px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 28px #00000073}.trait-build-meta__tip strong{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-right:6px;font-weight:400}.trait-share{gap:10px;display:grid}.trait-share__label{color:var(--muted);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.trait-share__row{gap:8px;display:flex}.trait-share__row input{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.trait-share__copy{flex:none;width:44px;min-height:44px;padding:0}.trait-share__footer{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.trait-share__close{flex:none;min-height:40px;padding:0 18px}.trait-switch{min-width:0;min-height:44px;color:var(--text);font-family:var(--font-tech);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:12px;display:inline-flex}.trait-switch:focus-visible{outline:2px solid var(--amber-bright);outline-offset:3px}.trait-switch__knob{border:1px solid var(--line-bright);background:#ffffff14;border-radius:10px;flex:none;width:36px;height:20px;position:relative}.trait-switch__knob:after{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .15s,background-color .15s;position:absolute;top:2px;left:2px}.trait-switch__label{color:var(--muted)}.trait-switch.is-on .trait-switch__label{color:var(--amber-bright)}.trait-switch.is-on .trait-switch__knob{background:var(--amber-soft);border-color:var(--amber)}.trait-switch.is-on .trait-switch__knob:after{background:var(--amber-bright);transform:translate(16px)}.trait-switch:disabled{opacity:.5;cursor:not-allowed}.trait-image__formats{gap:6px;margin-bottom:12px;display:flex}.trait-image__format{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);font-family:var(--font-tech);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex:1;padding:4px 8px;font-size:12px}.trait-image__format span{color:var(--muted-quiet,#6b7364);font-size:10px;display:block}.trait-image__format[aria-selected=true]{border-color:var(--amber);color:var(--amber-bright);background:var(--amber-soft)}.trait-image__preview{border:1px solid var(--line);background:#050604;place-items:center;min-height:200px;padding:10px;display:grid;position:relative}.trait-image__canvas{width:auto;max-width:100%;height:auto;max-height:min(58vh,560px);display:block}.trait-image__preview--wide .trait-image__canvas{max-height:none}.trait-image__loading{color:var(--muted);margin:0;font-size:13px;position:absolute}.trait-image__actions{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.trait-image__action{white-space:nowrap;flex:none;gap:8px;min-height:44px;padding:0 18px;position:relative;overflow:hidden}.trait-image__action:last-child{margin-left:auto}.trait-image__actions.is-compact .trait-image__action{flex:1 1 0;min-width:44px;margin-left:0;padding:0}.trait-image__actions.is-compact .trait-image__action-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.trait-image__problem{color:#ffb3a4;border:1px solid #e5534b80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 12px;font-size:13px;line-height:1.45;display:flex}.trait-image__problem p{flex:220px;margin:0}.trait-image__problem .button{min-height:36px;padding:0 12px;font-size:12px}@media (max-width:680px){.trait-image__formats{margin-bottom:0}.trait-image__format{min-height:40px}.trait-image__preview{min-height:0;padding:6px}.trait-image__canvas{max-height:max(140px,100dvh - 340px)}}.shared-build__header{gap:10px;margin-bottom:14px;display:grid}.shared-build__heading{flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0;display:flex}.shared-build__heading .shared-build__title{flex:0 auto;min-width:0}.shared-build__badge{white-space:nowrap;border:1px solid rgba(var(--amber-rgb), .55);color:var(--amber-bright);font-family:var(--font-tech);letter-spacing:.1em;text-transform:uppercase;flex:none;justify-self:start;margin:0;padding:4px 10px;font-size:11px}.shared-build__title{overflow-wrap:anywhere;font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.shared-build__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:14px;display:flex}.shared-build__meta .trait-build-meta{justify-content:flex-start;margin-top:0}.shared-build__meta .trait-build-meta__tip{left:0;right:auto}.shared-build__actions{flex-wrap:wrap;flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex}.shared-build__action{min-height:36px;font-family:var(--font-tech);letter-spacing:.06em;white-space:nowrap;gap:6px;padding:0 12px;font-size:12px}.shared-build__action:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.shared-build__notice{color:var(--muted);margin:0;font-size:13px}@media (max-width:900px){.trait-builds{flex:100%;width:100%}.trait-builds__selector{flex:auto;width:auto}.trait-builds__selector .dmz-select__button,.trait-builds__selector--single{min-height:44px}.trait-builds__action{width:44px;height:44px}.trait-build-meta{justify-content:flex-end}.shared-build__actions{flex:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;display:grid}.shared-build__action{min-width:0;min-height:44px;padding:0 10px}.shared-build__action span{text-overflow:ellipsis;min-width:0;overflow:hidden}.shared-build__back{width:44px;padding:0}.shared-build__back-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}