.gear-builder-modal{width:min(1000px,96vw);max-width:1000px}.gear-builder-layout{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(260px,1.05fr);gap:25px;align-items:start}.gear-builder-preview{position:sticky;top:0;background:radial-gradient(ellipse,#64718a33,#0d1523);border:1px solid #ffffff1f;border-radius:12px;padding:14px}.gear-product-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:radial-gradient(ellipse,#79899f24,transparent 72%);min-height:0;padding:8px;border-radius:12px;overflow:hidden}.gear-product-art canvas{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain}.gear-product-art [data-gear-error]{position:absolute;inset:auto 9px 7px;color:#ffbfaa;font-size:10px;max-height:40px;overflow:auto;background:#121a27dd}.gear-builder-settings h3{margin:0 0 15px;font:600 26px var(--heading)}.gear-controls{margin:20px 0;padding:16px;border:1px solid #ffffff24;border-radius:8px}.gear-controls h3{font-size:20px;margin-bottom:12px}.gear-template-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}.gear-template-picker .outline-button{font-size:11px;padding:9px 5px}.gear-template-picker [aria-pressed=true]{border-color:var(--gold);background:#bf8b3422}.gear-feature-toggles{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:13px}.gear-feature-toggles label{display:flex;align-items:center;gap:6px;font-size:11px;margin:0}.gear-feature-toggles input{width:auto;margin:0}.gear-placement{margin-top:18px}.gear-placement summary{cursor:pointer;color:#e2bd75;font-size:12px}.gear-placement p{font-size:11px;color:#aebccd;margin:12px 0}.gear-placement fieldset{padding:12px 10px;border:1px solid #ffffff1f;border-radius:6px;margin-bottom:12px}.gear-placement legend{font-size:12px;padding:0 5px}.gear-placement input[type=range]{width:100%;padding:0;accent-color:#d5a657}.gear-profile-preview{display:flex;align-items:center;gap:12px;padding:10px 5px;border-top:1px solid #ffffff18}.gear-profile-preview img{width:76px;height:76px;object-fit:contain;border-radius:50%;background:#15243b;box-shadow:0 0 0 2px #e3b863}.gear-profile-preview small{font-size:12px;color:#ccd4df}.gear-builder-preview .muted{font-size:11px;padding:0 6px}.profile-gear-image{width:100%;height:100%;object-fit:contain!important;border-radius:50%;background:#122039}.profile-avatar-art:has(.profile-gear-image){padding:0;background:#122039}.college-swag-card .gear-product-art{width:100%;max-height:none}.college-mini-shop .gear-product-art{max-width:230px;margin:auto}.avatar-preview .gear-product-art{max-width:230px}.gear-personalize-form .button{white-space:normal;line-height:1.4}.gear-admin-form [hidden]{display:none!important}
@media(max-width:700px){.gear-builder-layout{grid-template-columns:1fr;gap:18px}.gear-builder-preview{position:relative;max-width:330px;width:100%;margin:auto;padding:8px}.gear-builder-modal{max-height:94dvh}.gear-controls{padding:12px}.gear-product-art{padding:5px}.gear-template-picker{gap:4px}}
.fan-swag-art.gear-product-art{height:auto;width:100%;aspect-ratio:1}
.gear-builder-modal [data-swag-preview] .fan-swag-art.gear-product-art{height:auto;width:100%;aspect-ratio:1}
.college-mini-shop .fan-swag-art.gear-product-art,.avatar-preview .fan-swag-art.gear-product-art{height:auto}
.profile-avatar-art .fan-swag-art.gear-product-art{height:100%;width:100%;padding:0}
.gear-builder-modal>header{position:sticky;top:-1px;z-index:5;background:#1b2028;padding:10px 0;border-bottom:1px solid #ffffff20}
.gear-colors{padding:14px;border:1px solid #ffffff24;border-radius:10px;margin:16px 0}.gear-colors h4,[data-jersey-view] h4{margin:0 0 10px}.gear-schemes,.gear-view-picker{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.gear-view-picker button[aria-pressed="true"]{background:#e9ad4a;color:#131923;border-color:#e9ad4a}.gear-colors input[type="color"]{width:100%;height:40px}

.gear-color-field{min-width:0}.gear-color-row{display:flex!important;align-items:center;gap:8px}.gear-color-row>i{display:block;width:28px;height:28px;border:2px solid #d8dce4;border-radius:5px;flex-shrink:0}.gear-color-row>select{min-width:0;flex:1;margin:5px 0;color:#f7f8fa!important;background:#111923!important;font-size:11px}.gear-color-field>small{display:block;color:#e2e6ec;font-size:10px}.gear-color-field output{font-family:monospace}.gear-location{padding:14px 0;border-top:1px solid #ffffff25;margin-top:14px}.gear-location h4{margin:0 0 10px}.gear-location .muted{font-size:11px}.gear-placement output{font-size:11px;color:#f5e2ba;display:block}.gear-placement input[type=number]{width:100%}.gear-template-picker{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.gear-color-row select:focus-visible,.gear-location select:focus-visible{outline:3px solid #fff;outline-offset:2px}

.gear-personalize-form [hidden]{display:none!important}