/* Full-screen racing garage; all customization choices are visual. */
:root{--accent:#f47643;--garage-bg:#14171b;--garage-surface:#20242ae8;--garage-edge:#ffffff16;--garage-text:#edf0f2;--garage-muted:#a0a7b0;color-scheme:dark;background:var(--garage-bg)}
body{height:100dvh;overflow:hidden;background:var(--garage-bg)}
button{touch-action:manipulation}button:active:not(:disabled){transform:scale(.975)}button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid #ffa47d;outline-offset:4px}
.topbar{height:76px;padding:0 28px;gap:24px;position:absolute;inset:0 0 auto;z-index:8;background:linear-gradient(#14171bf5,#14171bb0);border:0;pointer-events:none}.topbar>*{pointer-events:auto}.brand>span{font-size:29px;letter-spacing:.1em}.brand-sub{font-size:8px;letter-spacing:.22em;margin-top:7px}.brand>svg{width:32px;height:32px}.project{border:0;padding-left:0;flex-direction:row;align-items:center;gap:7px}.project input{display:none}.project #save-status{font-size:10px;color:#9ca69f}.save-dot{width:4px;height:4px;border-radius:50%;background:#a1c7b0}.header-actions{gap:6px}.header-actions .icon-button{height:42px;width:42px;background:#ffffff06;border:1px solid #ffffff10;border-radius:3px}.separator{margin:0 6px;background:#ffffff14}.primary-button{min-height:42px;border-radius:3px;padding:11px 15px;font-size:12px;gap:10px}.primary-button svg{width:19px;height:19px;stroke:currentColor;fill:none}.quiet-button{font-size:12px}
.workspace{position:absolute;inset:0;display:block;height:100dvh;min-height:0}.stage{position:absolute;inset:0 384px 0 0;min-height:0;background:var(--garage-bg);color:var(--garage-text)}.stage #viewport{inset:0}.stage-label{top:101px;left:34px;gap:9px;z-index:2}.car-name{font:700 clamp(30px,3vw,48px)/.95 'Barlow Condensed',sans-serif;letter-spacing:.02em}.stage-label .garage-season{font:500 9px 'DM Sans',sans-serif;letter-spacing:.22em;color:#929ba6}.stage-label #garage-team-mark{width:75px;height:32px;display:flex;align-items:center;margin-bottom:5px}#garage-team-mark img{width:100%;height:100%;object-fit:contain;object-position:left center}.stage-actions{top:100px;right:24px;gap:6px}.stage-button{background:#232831c9;border:1px solid #ffffff1a;color:#d9e1e8;border-radius:3px;width:40px;height:40px}.stage-button[aria-pressed=true]{color:#f8b08e;background:#f4764324;border-color:#f47643}.mode-switch{display:none}.stage-bottom{bottom:118px;left:34px;right:26px;display:flex;align-items:flex-end;flex-direction:row;gap:14px}.stage-note{gap:5px}.stage-note>span:first-child{font-size:12px;color:#f0f2f4}.stage-note>span+span{font-size:10px;color:#9da5ae}.camera-views{border:1px solid #ffffff16;background:#1c2129cc;border-radius:4px;padding:3px;gap:1px;backdrop-filter:blur(12px)}.camera-views button{min-width:40px;min-height:45px;display:grid;place-items:center;gap:3px;padding:5px 6px;color:#a9b2bd;border-radius:2px}.camera-views button svg{width:22px;height:22px}.camera-views button span{font-size:8px;letter-spacing:.02em}.camera-views button.active{background:#f4764327;color:#ff9b70}.toolrail{position:absolute;z-index:6;bottom:25px;left:calc((100% - 384px)/2);transform:translateX(-50%);flex-direction:row;align-items:stretch;padding:6px;gap:4px;border:1px solid #ffffff20;border-radius:5px;background:#1c2127e8;backdrop-filter:blur(20px);box-shadow:0 15px 60px #0004}.toolrail button{width:77px;min-height:63px;gap:7px;border-radius:2px;font-size:10px;font-weight:600;letter-spacing:.06em;color:#a0aab6}.toolrail button svg{width:22px;height:22px}.toolrail button.active{color:#ffc0a3;background:#f4764322;box-shadow:inset 0 -2px #f47643}.toolrail button.active:before,.rail-spacer{display:none}.toolrail #help{width:45px;border-left:1px solid #ffffff15;margin-left:4px}.toolrail #help span:last-child{display:none}.inspector{position:absolute;top:94px;right:24px;bottom:24px;width:336px;border:1px solid #ffffff19;border-radius:5px;background:linear-gradient(150deg,#272c32ee,#1d2228ec);backdrop-filter:blur(22px);box-shadow:0 24px 70px #0003;overflow:hidden;z-index:5}.inspector #panel-content{padding:20px 17px;scrollbar-gutter:stable;overscroll-behavior:contain}.inspector-footer{padding:11px 17px;border-top:1px solid #ffffff0d;min-height:38px;font-size:10px;background:#171c2199;gap:8px}.inspector-footer>svg{width:13px;height:13px}.inspector-footer button{font-size:10px;text-decoration:none;color:#8c97a3}.inspector-footer .mobile-only{display:none}.garage-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 19px}.garage-panel-heading h1{font:600 25px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.025em;margin:0}.garage-panel-heading>span{font-size:9px;color:#8f9aa6;letter-spacing:.06em;white-space:nowrap}.garage-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.garage-team-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#171b20;border:1px solid #ffffff10;border-radius:3px;min-height:86px;padding:13px 8px 9px;overflow:hidden}.garage-team-tile:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--team-accent);opacity:.38}.garage-team-tile.selected{border-color:#f47643;background:#32302b;box-shadow:inset 0 0 24px #f4764310}.garage-team-tile.selected:after{opacity:1}.garage-team-tile:hover{background:#30353c}.garage-logo{width:100%;height:34px;object-fit:contain}.mono-mark{filter:brightness(0) invert(1)}.garage-team-tile[data-garage-team=ferrari] img,.garage-team-tile[data-pack-team=ferrari] img{height:38px}.tile-caption{font-size:9px;color:#aab2ba;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected .tile-caption{color:#f5f0eb}.garage-check{position:absolute;right:5px;top:5px;width:15px;height:15px;background:#f47643;color:#171b20;display:none;align-items:center;justify-content:center;border-radius:50%}.garage-check svg{width:10px;height:10px;stroke-width:3}.selected>.garage-check{display:flex}.garage-haas-mark{display:block;width:70px;max-width:100%;aspect-ratio:235/61;background-image:url('/experiments/apex-livery-studio/assets/teams/logos/haas-garage-white.svg');background-size:100% 100%;background-position:center;filter:brightness(0) invert(1)}.garage-active-team{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:20px 0 14px}.garage-active-team>span{font:600 27px 'Barlow Condensed',sans-serif}.garage-color-strip{display:flex;height:7px;width:91px;transform:skew(-18deg);gap:2px}.garage-color-strip i{flex:1}.garage-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.garage-secondary-actions button,.garage-clear{border:1px solid #ffffff16;background:#ffffff04;min-height:43px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#bbc5d0;border-radius:3px}.garage-secondary-actions svg,.garage-clear svg{width:15px;height:15px}.garage-reference{margin-top:20px;padding-top:14px;border-top:1px solid #ffffff12}.garage-reference summary{display:flex;align-items:center;gap:7px;cursor:pointer;min-height:30px;font-size:10px;color:#9ba5b1}.garage-reference summary svg{width:14px;height:14px}.garage-reference-main{margin-top:10px;width:100%;aspect-ratio:16/9;object-fit:contain;background:#121518;border-radius:2px}.garage-reference p{font-size:11px;color:#aab2bc;line-height:1.7}.garage-reference .source-link{font-size:10px;display:block;margin-top:10px}.reference-angles{padding:7px 0}.reference-angles button{border-radius:2px;flex-basis:63px}.reference-angles img{height:38px}.garage-part-strip{display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 12px;margin:0 -2px 13px;scrollbar-width:thin}.garage-part-strip button{flex:0 0 71px;min-height:71px;border:1px solid #ffffff12;background:#161b20;border-radius:3px;padding:3px 3px 6px;scroll-snap-align:start;position:relative;color:#9eabb8}.garage-part-strip button canvas{display:block;width:100%;height:45px;object-fit:contain}.garage-part-strip button span{font-size:8px;line-height:1.3;display:block}.garage-part-strip button.selected{border-color:#f47643;background:#f4764313;color:#ffd2bb}.garage-component-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.garage-component-heading h2{font:600 22px 'Barlow Condensed',sans-serif;margin:0}.garage-component-heading>span{font-size:9px;color:#8998a6}.garage-shape-grid{display:grid;grid-template-columns:1fr;gap:10px}.garage-shape{position:relative;border:1px solid #ffffff16;border-radius:3px;background:radial-gradient(ellipse at 50% 40%,#39424c,#151a20 80%);padding:0;text-align:left;overflow:hidden}.garage-shape canvas{display:block;width:100%;height:156px;object-fit:contain}.garage-shape>span:not(.garage-check){font:600 17px 'Barlow Condensed',sans-serif;display:block;padding:0 13px 12px;color:#d8e0e8}.garage-shape.selected{border-color:#f47643;box-shadow:inset 0 0 30px #f4764309}.garage-shape .garage-check{width:19px;height:19px;top:10px;right:10px}.garage-shape .garage-check svg{width:13px;height:13px}.garage-clear{width:100%;margin-top:15px;color:#9eabb8}.garage-paint-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 20px}.garage-paint-mode button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:42px;border:1px solid #ffffff14;background:#181d23;border-radius:3px;font-size:11px;color:#9dabb8}.garage-paint-mode button svg{width:16px;height:16px}.garage-paint-mode .selected{background:#f4764320;border-color:#f4764360;color:#f4be9d}.garage-swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px 11px;padding:4px;margin:0 0 15px}.garage-swatch-grid .swatch,.garage-accent-swatches .swatch{height:32px;width:32px;box-shadow:inset 0 0 0 1px #ffffff22;border:0;border-radius:3px;min-width:0}.swatch.selected{outline:2px solid #f9bd9a;outline-offset:3px}.garage-color-picker{margin:16px 0 22px;border:1px solid #ffffff15;border-radius:3px;overflow:hidden}.garage-color-picker summary{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:11px;cursor:pointer;min-height:43px;color:#bec6d0}.garage-color-picker summary svg{margin-left:auto;width:15px;height:15px}.spectrum-dot{display:block;width:21px;height:21px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.garage-spectrum{height:19px;margin:4px 12px 12px;position:relative;border-radius:2px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:crosshair;touch-action:none}.garage-spectrum i{position:absolute;top:-3px;bottom:-3px;width:5px;border:2px solid white;transform:translateX(-50%);box-shadow:0 0 0 1px #111}.garage-sv{display:block;width:calc(100% - 24px);height:128px;margin:0 12px 12px;cursor:crosshair;border-radius:2px;touch-action:none}.garage-finish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 20px}.garage-finish-grid button{display:flex;align-items:center;flex-direction:column;gap:10px;padding:12px 3px 9px;border:1px solid #ffffff12;border-radius:3px;background:#151a20;color:#9ca8b5;font-size:9px;text-transform:capitalize}.garage-finish-grid .selected{border-color:#f47643;background:#f476430b;color:#e6c5b4}.finish-ball{display:block;width:43px;height:43px;border-radius:50%;background-color:var(--paint-color);box-shadow:inset -5px -6px 12px #0008,0 7px 10px #0005}.finish-ball.matte{background-image:radial-gradient(circle at 36% 26%,#ffffff44,transparent 63%)}.finish-ball.satin{background-image:radial-gradient(ellipse at 36% 23%,#ffffff99,transparent 48%)}.finish-ball.gloss{background-image:radial-gradient(ellipse at 34% 22%,white 2%,#ffffffcc 7%,transparent 19%),linear-gradient(130deg,transparent 50%,#ffffff44 65%,transparent 72%)}.finish-ball.metallic{background-image:linear-gradient(135deg,#fff8 0%,transparent 29%,#fff9 43%,#0006 47%,#fff9 51%,transparent 65%);box-shadow:inset -6px -6px 10px #0008,0 7px 10px #0005}.garage-pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.garage-pattern-grid button{border:1px solid #ffffff12;background:#171c22;color:#a9b5c0;border-radius:3px;padding:9px 8px;font-size:10px}.garage-pattern-grid .selected{border-color:#f47643;color:#f5cab4}.garage-pattern{display:block;height:53px;margin-bottom:8px;background:var(--paint-color);clip-path:polygon(41% 0,59% 0,63% 22%,91% 26%,95% 42%,65% 46%,68% 77%,86% 82%,86% 95%,14% 95%,14% 82%,32% 77%,35% 46%,5% 42%,9% 26%,37% 22%)}.garage-pattern.stripe{background:linear-gradient(90deg,var(--paint-color) 42%,var(--second-color) 42% 58%,var(--paint-color) 58%)}.garage-pattern.split{background:linear-gradient(145deg,var(--paint-color) 50%,var(--second-color) 50%)}.garage-accent-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:19px;padding:4px}.garage-accent-swatches .swatch{width:27px;height:27px}.garage-brush-sizes{display:flex;justify-content:space-between;gap:5px}.garage-brush-sizes button{flex:1;display:grid;place-items:center;min-height:49px;background:#191e24;border:1px solid #ffffff14;border-radius:3px}.garage-brush-sizes i{border-radius:50%;background:#cbd1d9}.garage-brush-sizes .selected{border-color:#f47643}.garage-brush-sizes .selected i{background:#f6b48f}.compact-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.compact-team-grid .garage-team-tile{min-height:57px;padding:9px 6px}.compact-team-grid .garage-logo{height:23px}.compact-team-grid .tile-caption{display:none}.compact-team-grid .garage-check{width:11px;height:11px;right:3px;top:3px}.compact-team-grid .garage-check svg{width:8px;height:8px}.garage-pack-apply{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #f4764380;border-radius:3px;background:#f4764320;padding:11px 13px;min-height:54px;margin:13px 0;color:#ffcfb8}.garage-pack-apply>.garage-logo{width:54px;height:26px}.garage-pack-apply>.garage-haas-mark{width:54px}.garage-pack-apply>span:not(.garage-haas-mark){font-size:12px;font-weight:600;flex:1;text-align:left}.garage-pack-apply>svg{width:17px;height:17px}.garage-driver-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 18px}.garage-driver-grid button{min-height:66px;border:1px solid #ffffff14;border-radius:3px;background:#171c22;display:flex;align-items:center;justify-content:center;gap:11px;padding:6px;color:#8d9aab}.garage-driver-grid strong{font:italic 700 35px 'Barlow Condensed',sans-serif}.garage-driver-grid span{font-size:10px}.garage-driver-grid .selected{color:#f3c1a6;border-color:#f47643}.garage-sticker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.garage-sticker{position:relative;border:1px solid #ffffff14;border-radius:3px;background:linear-gradient(135deg,#404953,#232a33);padding:10px 9px 7px;min-height:90px;overflow:hidden;opacity:.55;transition:opacity .15s,border-color .15s}.garage-sticker.selected{border-color:#f476436a;opacity:1}.garage-sticker:hover{opacity:1}.garage-sticker canvas{display:block;width:100%;height:46px;object-fit:contain}.garage-placement{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:8px;font-size:8px;color:#aebbc8}.garage-placement>span:first-child{font:600 9px 'DM Sans',sans-serif;width:16px;height:16px;display:grid;place-items:center;border:1px solid #8e9ba944;border-radius:2px;color:#d3dce7}.garage-empty{font-size:12px;color:#9aabba;text-align:center;padding:18px}.model-loading{background:#171c22ed;color:#d1dbe5;z-index:5}.loader{border-color:#ffffff25;border-top-color:#f47643}.panel-title,.panel-intro{display:none}.stage-note #selection-label{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garage-return{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #f4764340;color:#ffc3a6;background:#f4764311;border-radius:3px;min-height:40px;padding:10px;font-size:11px;margin-bottom:16px}.garage-return svg{width:16px;height:16px}.garage-return svg{transform:rotate(180deg)}
@media(min-width:1600px){.inspector{width:360px;right:30px;top:96px;bottom:30px}.stage{right:414px}.toolrail{left:calc((100% - 414px)/2)}.inspector #panel-content{padding:23px}.garage-team-tile{min-height:96px}.garage-logo{height:39px}.garage-shape canvas{height:185px}}
@media(max-width:1100px) and (min-width:761px){.inspector{width:302px;right:16px;top:85px;bottom:18px}.stage{right:335px}.toolrail{left:calc((100% - 335px)/2);bottom:22px}.toolrail button{width:63px}.toolrail #help{width:37px}.stage-label{left:25px}.stage-actions{right:16px}.stage-bottom{left:25px;right:16px;bottom:116px;flex-direction:column;align-items:flex-start;gap:12px}.stage-note{display:none}.inspector #panel-content{padding:17px 14px}.garage-team-tile{min-height:78px}.garage-team-grid{gap:6px}.garage-logo{height:30px}.garage-part-strip button{flex-basis:65px}.garage-swatch-grid{gap:12px 9px}.garage-swatch-grid .swatch{width:29px;height:29px}.finish-ball{width:38px;height:38px}.topbar{padding:0 23px}}
@media(max-width:760px){body{overflow:hidden}.topbar{height:62px;padding:0 15px;gap:12px}.brand>span{font-size:25px}.brand>svg{width:27px;height:27px}.brand-sub{display:none}.project{margin-left:auto}.project #save-status{font-size:0}.project .save-dot{width:5px;height:5px}.header-actions{margin-left:0;gap:4px}.header-actions>.icon-button{display:grid;width:34px;height:34px;background:#ffffff08}.header-actions .separator{display:none}.header-actions .primary-button{padding:8px;min-height:34px}.header-actions .primary-button>span{display:none}.workspace{height:100dvh}.stage{inset:0 0 calc(37dvh + 75px) 0;min-height:230px}.stage-label{top:78px;left:18px;gap:6px}.stage-label #garage-team-mark{width:54px;height:23px;margin-bottom:2px}.car-name{font-size:29px}.stage-label .garage-season{font-size:7px}.stage-actions{top:78px;right:15px}.stage-actions .mobile-only{display:none}.stage-button{width:32px;height:32px}.stage-button svg{width:17px;height:17px}.stage-bottom{bottom:12px;left:16px;right:16px;display:flex;flex-direction:row;align-items:flex-end}.stage-note{display:none}.camera-views{margin-left:auto}.camera-views button{min-width:34px;min-height:36px;padding:4px}.camera-views button svg{width:20px;height:20px}.camera-views button span{font-size:7px}.inspector{top:auto;bottom:77px;left:12px;right:12px;width:auto;height:37dvh;min-height:230px;border-radius:4px}.inspector #panel-content{padding:15px;scrollbar-gutter:auto}.inspector-footer{display:none}.toolrail{bottom:10px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:470px;height:58px;padding:4px;gap:4px;justify-content:center}.toolrail button{flex:1;width:auto;min-width:0;min-height:46px;flex-direction:column;gap:5px;font-size:8px;letter-spacing:.025em}.toolrail button svg{width:19px;height:19px}.toolrail #help{flex:0 0 36px;width:36px;min-width:36px;padding:4px}.toolrail #help>span:last-child{display:none}.garage-panel-heading{margin-bottom:12px}.garage-panel-heading h1{font-size:21px}.garage-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.garage-team-tile{min-height:68px;padding:9px 6px 7px;gap:5px}.garage-logo{height:27px}.tile-caption{font-size:8px}.garage-team-tile[data-garage-team=ferrari] img,.garage-team-tile[data-pack-team=ferrari] img{height:29px}.garage-active-team{margin-top:13px}.garage-shape-grid{grid-template-columns:1fr 1fr;gap:8px}.garage-shape canvas{height:120px}.garage-shape>span:not(.garage-check){font-size:15px}.garage-part-strip{margin-bottom:9px;padding-bottom:8px}.garage-part-strip button{flex-basis:69px;min-height:61px}.garage-part-strip button canvas{height:36px}.garage-component-heading{margin-bottom:9px}.garage-component-heading h2{font-size:19px}.garage-finish-grid button{padding:8px}.garage-swatch-grid{grid-template-columns:repeat(8,1fr);gap:11px}.garage-swatch-grid .swatch{width:28px;height:28px}.garage-brush-sizes{margin-top:10px}.compact-team-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.compact-team-grid .garage-team-tile{min-height:44px;padding:7px 5px}.compact-team-grid .garage-logo{height:21px}.garage-driver-grid{margin-bottom:10px}.garage-driver-grid button{min-height:52px}.garage-driver-grid strong{font-size:29px}.garage-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.garage-sticker{padding:9px 7px 6px;min-height:80px}.garage-sticker canvas{height:38px}.garage-placement{font-size:7px}.garage-placement>span:last-child{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garage-return{margin-bottom:10px;min-height:35px;font-size:10px}.garage-clear{margin-top:10px}#toast{bottom:80px;font-size:12px;max-width:calc(100% - 30px)}dialog{padding:27px;border-radius:6px}dialog h2{font-size:28px}}
@media(max-height:620px) and (min-width:761px){.topbar{height:59px}.inspector{top:69px;bottom:14px}.stage-label,.stage-actions{top:79px}.toolrail{bottom:15px}.stage-bottom{bottom:100px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.toolrail,.inspector{backdrop-filter:none}}
.garage-haas-mark{filter:none;border-radius:2px}
.garage-team-tile[data-garage-team="racing-bulls"] img,.garage-team-tile[data-pack-team="racing-bulls"] img{filter:brightness(0) invert(1)}
.garage-sticker.light-paper{background:linear-gradient(135deg,#c7cdd2,#e4e7e9)}
.garage-sticker.light-paper .garage-placement,.garage-sticker.light-paper .garage-placement>span:first-child{color:#35414b}
.garage-components-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.garage-components-grid .garage-shape canvas{height:100px}
.garage-components-grid .garage-shape>span{font-size:15px}

.inspecting .garage-pattern-grid,.inspecting .garage-accent-swatches{display:none}
.garage-swatch-grid,.garage-accent-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.garage-swatch-grid .swatch,.garage-accent-swatches .swatch{width:100%;height:44px}
@media(max-width:760px){.garage-swatch-grid,.garage-accent-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.camera-views button{min-width:40px;min-height:40px}}