@font-face{font-family:POP;src:url(/assets/pop-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:POP;src:url(/assets/pop-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:POP;src:url(/assets/pop-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:POPMono;src:url(/assets/pop-mono.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color:#26302b;font-synthesis:none;--ink:#26302b;--muted:#66736b;--line:#334b371c;--glass:#fafdf994;background:#eeeee8;font-family:POP,sans-serif;font-weight:400}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #4c6956}button svg{flex-shrink:0;width:20px;height:20px}p,h1,h2,h3{margin:0}a{color:inherit}[hidden]{display:none!important}#app{width:100%;height:100dvh;position:relative;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);border:1px solid #ffffffad;box-shadow:0 8px 32px #1828210a,inset 0 1px #fff8,inset 0 -1px #ffffff26}.site-header{z-index:8;pointer-events:none;justify-content:space-between;align-items:center;height:91px;padding:26px 30px;display:flex;position:absolute;inset:0 0 auto}.site-header>*{pointer-events:auto}.brand{align-items:center;width:94px;text-decoration:none;display:flex}.brand img{object-fit:contain;filter:brightness(0);max-width:100%;height:37px;display:block}.model-switch{border-radius:100px;gap:3px;padding:4px;display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%)}.model-switch button{white-space:nowrap;color:#647169;background:0 0;border-radius:100px;min-width:105px;height:36px;font-size:11px;transition:background .2s,color .2s,box-shadow .2s}.model-switch button:hover{color:var(--ink);background:#ffffff38}.model-switch button.is-selected{color:#fff;background:#293a31;box-shadow:0 2px 6px #18282112}.drawer-trigger{color:#34483b;border-radius:100px;justify-content:center;align-items:center;gap:9px;min-width:126px;height:45px;padding:0 18px;font-size:11px;font-weight:500;transition:background .2s,box-shadow .2s;display:flex}.drawer-trigger:hover,.drawer-trigger[aria-expanded=true]{background:#f8fff4bf;box-shadow:0 5px 24px #18282112}.drawer-trigger svg{width:18px;height:18px}.configurator,.bike-stage,#viewer{width:100%;height:100%;position:absolute;inset:0}.bike-stage{isolation:isolate;overflow:hidden}#viewer{z-index:0;outline:none}#viewer canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.model-label{z-index:2;pointer-events:none;position:absolute;bottom:29px;left:32px}.eyebrow{text-transform:uppercase;letter-spacing:1.05px;color:#6b776e;font-family:POPMono,monospace;font-size:8px;line-height:1.5}.model-label .eyebrow{letter-spacing:1.3px;margin-bottom:5px;font-size:8px;display:block}.stage-hint{z-index:2;pointer-events:none;color:#6c776e;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:38px;right:31px}.stage-hint svg{width:15px;height:15px}.stage-hint i{padding:0 4px;font-style:normal}.drawer-open .stage-hint{opacity:0}.stage-toolbar{z-index:3;justify-content:center;align-items:center;gap:9px;max-width:calc(100vw - 32px);display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.view-options{scrollbar-width:none;border-radius:100px;gap:2px;min-width:0;padding:4px;display:flex;overflow-x:auto}.view-options::-webkit-scrollbar{display:none}.view-options button{color:#617066;white-space:nowrap;background:0 0;border-radius:100px;flex-shrink:0;min-height:36px;padding:0 14px;font-size:10px;transition:background .2s,color .2s}.view-options button:hover{color:var(--ink);background:#ffffff30}.view-options .is-selected{color:#fff;background:#2d3e34}.view-options .is-selected:hover{color:#fff}.viewer-tools{border-radius:100px;flex-shrink:0;align-items:center;gap:1px;padding:4px;display:flex}.icon-button{color:#566b5c;background:0 0;border-radius:50%;place-items:center;width:35px;height:35px;padding:8px;transition:background .2s,color .2s;display:grid}.icon-button:hover{color:var(--ink);background:#ffffff70}.icon-button[aria-pressed=true]{color:#2d4d36;background:#334b391f}.icon-button svg{width:18px;height:18px}.tool-divider{background:#38563721;width:1px;height:17px;margin:0 3px}.viewer-loading{text-align:center;color:#536553;z-index:4;white-space:nowrap;pointer-events:none;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:11px;line-height:1.5;transition:opacity .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-ring{border:1px solid #667b5733;border-top-color:#647c55;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.viewer-loading.is-ready{opacity:0;visibility:hidden}.viewer-error{text-align:center;z-index:5;border-radius:18px;width:calc(100vw - 50px);max-width:350px;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-error strong{font-size:17px;font-weight:500}.viewer-error p{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.6}.viewer-error .text-button{margin:auto}.build-panel{--glass:#f8fdf5ab;z-index:7;opacity:0;visibility:hidden;pointer-events:none;border-radius:24px;flex-direction:column;width:362px;min-height:0;transition:transform .36s cubic-bezier(.2,.75,.25,1),opacity .24s,visibility .36s;display:flex;position:absolute;top:89px;bottom:18px;right:18px;overflow:hidden;transform:translate(calc(100% + 30px));box-shadow:0 18px 70px #1328200f,inset 0 1px #fff9,inset 0 -1px #ffffff40}.drawer-open .build-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:25px 24px 21px;display:flex}.panel-heading .eyebrow{letter-spacing:1.2px;margin-bottom:7px;font-size:8px}.panel-heading h2{letter-spacing:-.9px;font-size:27px;font-weight:500;line-height:1.1}.drawer-close{background:#ffffff30;border:1px solid #ffffff60;flex-shrink:0;width:31px;height:31px}.drawer-close svg{width:16px;height:16px}.config-tabs{border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:repeat(3,1fr);margin:0 24px;display:grid}.config-tabs button{color:#728173;background:0 0;height:39px;font-size:11px;transition:color .2s;position:relative}.config-tabs button:first-child{text-align:left}.config-tabs button:last-child{text-align:right}.config-tabs button:after{content:"";background:0 0;height:2px;transition:background .2s;position:absolute;bottom:-1px;left:0;right:0}.config-tabs button[aria-selected=true]{color:var(--ink);font-weight:500}.config-tabs button[aria-selected=true]:after{background:#4b6950}.config-tabs button:hover{color:var(--ink)}.panel-content{scrollbar-width:thin;scrollbar-color:#62775432 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:27px 24px 17px;overflow-y:auto}.tab-panel{animation:.2s ease-out appear}.option-group{border:0;min-width:0;margin:0 0 29px;padding:0}.option-group legend,.option-toggle h3{letter-spacing:-.1px;margin:0 0 7px;padding:0;font-size:12px;font-weight:500}.option-caption{color:#6d806c;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:15px;font-size:10px;line-height:1.6;display:flex}.swatches{flex-wrap:wrap;gap:10px;padding:3px 2px;display:flex}.frame-swatches{flex-wrap:nowrap;gap:10px}.swatch{background:var(--swatch);color:#fff;outline-offset:4px;border-radius:50%;outline:1px solid #0000;flex-shrink:0;place-items:center;width:34px;height:34px;transition:outline-color .2s,transform .2s;display:grid;position:relative}.swatch:hover{transform:translateY(-2px)}.swatch:before{content:"";background:linear-gradient(135deg,#ffffff12,#0000);border:1px solid #0000000a;border-radius:50%;position:absolute;inset:0}.swatch.is-selected{outline-color:#6c8163}.swatch svg{opacity:0;width:15px;height:15px;transition:opacity .15s}.swatch.is-selected svg{opacity:1}.swatch.is-light{color:#53604d}.swatch.is-metallic{background:linear-gradient(135deg,#c5cec7 8%,#f3f5f2 32%,#b6c1b8 51%,#e4e8e4 78%,#a2b1a6)}.swatch-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#2b3d30;border-radius:5px;padding:5px 8px;font-size:9px;transition:opacity .15s;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%)}.swatch:hover .swatch-tooltip,.swatch:focus-visible .swatch-tooltip{opacity:1}.finish-group{margin-bottom:12px}.finish-group legend{margin-bottom:14px}.segmented-control,.saddle-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.segmented-control button,.saddle-option{text-align:left;background:#ffffff1f;border:1px solid #52644920;border-radius:11px;align-items:center;gap:10px;min-height:52px;padding:12px 13px;font-size:11px;transition:border-color .2s,background .2s;display:flex;position:relative}.segmented-control button.is-selected,.saddle-option.is-selected{background:#ffffff5c;border-color:#748e616b}.segmented-control button:hover,.saddle-option:hover{background:#fff6}.segmented-control button>svg,.saddle-option>svg{opacity:0;color:#688056;width:12px;height:12px;margin-left:auto}.segmented-control button.is-selected>svg,.saddle-option.is-selected>svg{opacity:1}.finish-sample,.saddle-dot{background:linear-gradient(145deg,#b5bcad,#69745f);border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:inset 0 0 0 1px #00000005}.finish-sample.gloss{background:linear-gradient(130deg,#66715e 10%,#dce2d4 36%,#eff4e9 41%,#829173 58%,#5d6a54 95%)}.saddle-dot{background:linear-gradient(135deg,#465047,#282e28);width:20px;height:20px}.saddle-tan{background:linear-gradient(135deg,#b08e69,#836648)}.saddle-options{margin-top:14px}.option-toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:7px 0 22px;display:flex}.option-toggle p{color:#6e816a;font-size:10px;line-height:1.6}.option-toggle h3{margin-bottom:6px}.switch{background:#72826d45;border-radius:30px;flex-shrink:0;width:38px;height:22px;padding:3px;transition:background .2s}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;box-shadow:0 1px 3px #34412015}.switch[aria-checked=true]{background:#617c4e}.switch[aria-checked=true] span{transform:translate(16px)}.panel-footer{border-top:1px solid var(--line);background:#eff8e412;flex-shrink:0;padding:16px 21px 18px}.save-button{letter-spacing:.05px;color:#f5faee;background:#304b37e8;border:1px solid #2f493c47;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:46px;padding:0 16px;font-size:11px;font-weight:500;transition:background .2s,transform .2s;display:flex;box-shadow:inset 0 1px #ffffff17}.save-button:hover{background:#263f2d;transform:translateY(-1px)}.save-button svg{width:18px;height:18px}.concept-note{text-align:center;color:#64755d;margin-top:10px;font-size:8px;line-height:1.6}.build-intro{align-items:center;gap:13px;margin:3px 0 23px;display:flex}.build-colour-mark{background:linear-gradient(135deg,var(--frame-colour) 0 50%,var(--cargo-colour) 50% 100%);border:4px solid #ffffff75;border-radius:50%;flex-shrink:0;width:41px;height:41px;display:block;box-shadow:0 0 0 1px #758a5e21}.build-intro .eyebrow{margin-bottom:5px;font-size:8px;display:block}.build-intro h3{letter-spacing:-.2px;font-size:14px;font-weight:500}.build-summary{margin:0;padding:0}.build-summary>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:15px;padding:11px 0;font-size:11px;line-height:1.4;display:flex}.build-summary dt{color:#6d7f67}.build-summary dd{text-align:right;color:#3e583d;margin:0}.text-button{color:#536f46;background:0 0;border:0;align-items:center;gap:14px;padding:0;font-size:10px;font-weight:500;display:flex}.text-button svg{width:16px;height:16px}.text-button:hover{color:#354325}.change-build{margin-top:24px}.save-dialog{--glass:#f8fdf5e6;width:min(450px,100vw - 30px);color:var(--ink);border-radius:24px;max-height:calc(100dvh - 36px);padding:0;overflow-y:auto;box-shadow:0 30px 130px #15200e33}.save-dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#2633223a}.dialog-inner{padding:31px;position:relative}.dialog-close{position:absolute;top:14px;right:14px}.dialog-inner>.eyebrow{letter-spacing:1px;font-size:8px}.dialog-inner h2{letter-spacing:-1.2px;margin-top:18px;font-size:33px;font-weight:500;line-height:1.1}.dialog-intro{color:#6d8063;margin-top:12px;font-size:11px;line-height:1.7}.dialog-product{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:13px;margin:22px 0 10px;padding:14px 0;display:flex}.dialog-product strong{margin-bottom:5px;font-size:13px;font-weight:500;display:block}.dialog-product div>span{color:#6c815e;font-size:9px}.dialog-product .build-colour-mark{width:36px;height:36px}.dialog-actions{flex-direction:column;gap:8px;margin-top:19px;display:flex}.secondary-button{color:#506f43;background:#ffffff21;border:1px solid #50694429;border-radius:10px;justify-content:space-between;align-items:center;height:42px;padding:0 15px;font-size:10px;display:flex}.secondary-button svg{width:16px;height:16px}.secondary-button:hover{background:#ffffff65}.build-link-label{color:#48653e;margin:19px 0 8px;font-size:10px;font-weight:500;display:block}.build-link-input{color:#49613f;background:#ffffff40;border:1px solid #50694429;border-radius:8px;outline:none;width:100%;height:37px;padding:0 10px;font-family:POPMono,monospace;font-size:9px;display:block}.build-link-input:focus{border-color:#879c6c;box-shadow:0 0 0 2px #a9bd812b}.build-link-help{color:#65775b;margin-top:6px;font-size:9px;line-height:1.5;display:block}.dialog-feedback{color:#52693b;text-align:center;margin-top:12px;font-size:10px;line-height:1.6}.dialog-feedback:empty{display:none}.toast{color:#314d35;z-index:1000;border-radius:14px;align-items:center;gap:10px;max-width:calc(100vw - 40px);padding:13px 18px;font-size:11px;line-height:1.5;animation:.2s ease-out toastIn;display:flex;position:fixed;bottom:91px;left:50%;transform:translate(-50%)}.toast>span{color:#5d7b45;background:#7895571a;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.toast svg{width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}@media (width>=1600px){.site-header{height:105px;padding-left:40px;padding-right:40px}.model-switch{top:32px}.build-panel{width:380px;top:104px;bottom:26px;right:26px}.panel-heading{padding:29px 27px 25px}.config-tabs{margin:0 27px}.panel-content{padding:30px 27px 20px}.swatch{width:36px;height:36px}.frame-swatches{gap:11px}.panel-footer{padding:19px 24px 21px}.model-label{bottom:33px;left:42px}.stage-hint{bottom:42px;right:42px}.stage-toolbar{bottom:27px}.model-label h1{font-size:23px}}@media (width<=1100px){.stage-hint{display:none}.model-label{bottom:92px;left:28px}.build-panel{width:348px}.frame-swatches{gap:9px}.swatch{width:33px;height:33px}.stage-toolbar{bottom:22px}}@media (height<=740px) and (width>=761px){.build-panel{top:82px;bottom:15px}.panel-heading{padding-top:19px;padding-bottom:17px}.panel-heading h2{font-size:25px}.panel-heading .eyebrow{margin-bottom:5px}.panel-content{padding-top:22px;padding-bottom:10px}.option-group{margin-bottom:25px}.option-caption{margin-bottom:12px}.panel-footer{padding-top:13px;padding-bottom:14px}.finish-group{margin-bottom:8px}}@media (width<=760px){.site-header{height:69px;padding:18px 20px}.brand{width:75px}.brand img{height:29px}.drawer-trigger{gap:8px;min-width:114px;height:39px;padding:0 14px;font-size:10px}.drawer-trigger svg{width:17px;height:17px}.model-switch{gap:2px;padding:4px;top:76px}.model-switch button{min-width:100px;height:33px;font-size:10px}.build-panel{--glass:#f8fdf5b3;border-radius:21px;width:min(362px,100vw - 24px);top:130px;bottom:117px;right:12px}.panel-heading{padding:19px 22px 17px}.panel-heading h2{font-size:25px}.panel-heading .eyebrow{margin-bottom:5px;font-size:7px}.drawer-close{width:30px;height:30px}.config-tabs{margin:0 22px}.config-tabs button{height:37px;font-size:11px}.panel-content{padding:23px 22px 13px}.option-group{margin-bottom:27px}.option-group legend,.option-toggle h3{font-size:12px}.option-caption{margin-bottom:14px}.frame-swatches{gap:10px}.swatch{width:34px;height:34px}.finish-group{margin-bottom:8px}.finish-group legend{margin-bottom:13px}.panel-footer{padding:13px 19px 14px}.panel-footer .save-button{height:43px}.concept-note{margin-top:9px;font-size:8px}.stage-toolbar{flex-direction:column;gap:7px;width:max-content;max-width:calc(100vw - 28px);bottom:17px;left:50%}.view-options{gap:0;max-width:calc(100vw - 28px);padding:4px}.view-options button{min-height:32px;padding:0 12px;font-size:9px}.viewer-tools{padding:3px 5px}.viewer-tools .icon-button{width:32px;height:30px;padding:7px}.viewer-tools .icon-button svg{width:16px;height:16px}.model-label{bottom:129px;left:21px}.model-label .eyebrow{letter-spacing:1px;margin-bottom:4px;font-size:7px}.model-label h1{letter-spacing:-.4px;font-size:17px}.drawer-open .model-label{opacity:0}.toast{white-space:normal;font-size:10px;bottom:127px}.dialog-inner{padding:27px 24px}.dialog-inner h2{font-size:31px}.dialog-close{top:11px;right:11px}.save-dialog{max-height:calc(100dvh - 28px)}}@media (width<=380px){.site-header{padding-left:17px;padding-right:17px}.brand{width:66px}.drawer-trigger{min-width:105px;font-size:9px}.model-switch button{min-width:91px}.build-panel{width:calc(100vw - 20px);right:10px}.panel-heading,.panel-content{padding-left:20px;padding-right:20px}.config-tabs{margin-left:20px;margin-right:20px}.frame-swatches{gap:8px}.swatch{width:30px;height:30px}.segmented-control button,.saddle-option{gap:8px;padding-left:10px;padding-right:10px}.view-options button{padding-left:10px;padding-right:10px;font-size:9px}.panel-footer{padding-left:17px;padding-right:17px}.concept-note{font-size:7px}.model-label{left:18px}}@media (width<=760px) and (height<=650px){.site-header{height:60px;padding-top:13px;padding-bottom:13px}.model-switch{top:65px}.model-switch button{height:30px}.build-panel{top:111px;bottom:110px}.panel-heading{padding-top:12px;padding-bottom:12px}.panel-heading .eyebrow{display:none}.panel-heading h2{font-size:22px}.config-tabs button{height:32px}.panel-content{padding-top:18px;padding-bottom:10px}.panel-footer{padding-top:9px;padding-bottom:10px}.panel-footer .save-button{height:38px}.concept-note{margin-top:6px}.stage-toolbar{bottom:12px}.model-label{bottom:121px}.viewer-loading{padding:12px 14px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.environment-group legend{margin-bottom:12px}.environment-options button{min-height:42px;padding-top:10px;padding-bottom:10px}.brand,.model-label,.stage-hint{isolation:isolate}.brand{position:relative}#app[data-scene=copenhagen] .brand:before,#app[data-scene=copenhagen] .model-label:before,#app[data-scene=copenhagen] .stage-hint:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#fafdf9a6;border:1px solid #ffffffa6;position:absolute;box-shadow:0 5px 23px #18282108,inset 0 1px #fff7}#app[data-scene=copenhagen] .brand:before{border-radius:17px;inset:-8px -12px}#app[data-scene=copenhagen] .model-label:before{border-radius:16px;inset:-11px -14px}#app[data-scene=copenhagen] .stage-hint:before{border-radius:30px;inset:-8px -12px}#app[data-scene=copenhagen] .model-switch,#app[data-scene=copenhagen] .drawer-trigger,#app[data-scene=copenhagen] .view-options,#app[data-scene=copenhagen] .viewer-tools{--glass:#fafdf9b0}@media (width<=760px){#app[data-scene=copenhagen] .brand:before{border-radius:14px;inset:-7px -10px}#app[data-scene=copenhagen] .model-label:before{border-radius:14px;inset:-9px -11px}}.model-switch{grid-template-columns:.5fr 1fr 1fr 1.35fr;width:426px;max-width:calc(100vw - 34px);display:grid}.model-switch button{min-width:0;padding:0 8px}@media (width<=760px){.model-switch{grid-template-columns:.55fr .85fr .85fr 1.25fr;width:346px}.model-switch .model-prefix{display:none}.model-switch button{padding-left:6px;padding-right:6px}}#app[data-model=pop] .frame-swatches{gap:14px}#app[data-model=pop] .frame-swatches .swatch{width:36px;height:36px}.frame-swatches .swatch:first-child .swatch-tooltip{left:0;transform:none}.frame-swatches .swatch:last-child .swatch-tooltip{left:auto;right:0;transform:none}.configurator{padding:90px 0 max(16px,env(safe-area-inset-bottom));z-index:1;pointer-events:none;background:0 0;grid-template-rows:minmax(0,1fr) auto;gap:12px;display:grid}#app>#viewer{z-index:0;width:100%;height:100%;position:absolute;inset:0}.stage-toolbar>*,.viewer-error{pointer-events:auto}.bike-stage{grid-row:1;height:auto;min-height:0;position:relative;inset:auto}.stage-toolbar{flex-flow:wrap;grid-row:2;justify-self:center;width:max-content;max-width:calc(100vw - 24px);position:relative;inset:auto;transform:none}.stage-toolbar .drawer-trigger{height:45px}.model-label{bottom:20px}.stage-hint{bottom:28px}.build-panel{border-radius:22px;grid-template-rows:58px minmax(0,1fr);grid-template-columns:200px minmax(0,1fr) 220px;width:auto;height:214px;transition:opacity .2s,transform .25s,visibility .25s;display:grid;position:absolute;inset:auto 16px 16px;transform:translateY(24px)}.drawer-open .configurator{grid-template-rows:minmax(0,1fr) auto 214px}.drawer-open .build-panel{grid-row:3;margin:0 16px;position:relative;inset:auto;transform:none}.build-panel .panel-heading{grid-area:1/1;padding:18px 24px}.build-panel .panel-heading .eyebrow{display:none}.build-panel .panel-heading h2{letter-spacing:-.4px;white-space:nowrap;font-size:18px}.build-panel .drawer-close{position:absolute;top:13px;right:14px}.build-panel .config-tabs{grid-area:1/2;place-self:center;width:min(300px,100%);margin:0}.build-panel .config-tabs button{text-align:center}.build-panel .panel-content{grid-area:2/1/auto/-1;padding:16px 24px 24px}.build-panel .tab-panel{align-items:flex-start;gap:32px;max-width:1100px;margin:0 auto;display:flex}.build-panel .option-group{flex:1;margin:0}.build-panel .option-caption{margin-bottom:10px}.build-panel .finish-group legend,.build-panel .environment-group legend{margin-bottom:14px}.build-panel .option-toggle{flex:1;margin:0;padding:8px 0 18px}.build-panel .panel-footer{background:0 0;border:0;grid-area:1/3;align-self:center;padding:0 52px 0 0}.build-panel .panel-footer .save-button{border-radius:10px;height:36px;font-size:10px}.build-panel .concept-note{margin:0;font-size:7px;position:absolute;bottom:6px;right:24px}.build-panel .build-intro{min-width:175px;margin:6px 0}.build-panel .build-summary{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;display:grid}.build-panel .build-summary>div{padding:9px 0;font-size:10px}.build-panel .change-build{white-space:nowrap;margin-top:18px}.drawer-open .toast{bottom:280px}@media (width<=1100px){.build-panel .tab-panel{gap:24px}.build-panel #panel-colour{grid-template-columns:minmax(260px,1.15fr) minmax(120px,.65fr) minmax(200px,1fr);gap:20px;display:grid}.build-panel .frame-swatches{gap:8px}.build-panel .swatch{width:29px;height:29px}.build-panel #panel-details{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.build-panel .option-toggle p{display:none}.model-label{bottom:16px}}@media (width<=760px){.configurator{gap:8px;padding-top:124px}.stage-toolbar{grid-template-columns:auto auto;gap:7px;display:grid}.stage-toolbar .view-options{grid-column:1/-1}.stage-toolbar .viewer-tools{justify-self:end}.stage-toolbar .drawer-trigger{justify-self:start;height:38px}.build-panel{border-radius:20px;grid-template-rows:44px minmax(0,1fr) 48px;grid-template-columns:minmax(0,1fr) 44px;height:274px}.drawer-open .configurator{grid-template-rows:minmax(0,1fr) auto 274px}.drawer-open .build-panel{margin:0 10px}.build-panel .panel-heading{padding:0}.build-panel .panel-heading>div{display:none}.build-panel .drawer-close{top:7px;right:10px}.build-panel .config-tabs{grid-column:1;width:calc(100% - 32px);margin:0 16px}.build-panel .config-tabs button{height:36px}.build-panel .panel-content{padding:12px 18px 8px}.build-panel .tab-panel{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.build-panel #panel-colour,.build-panel #panel-details{grid-template-columns:1fr 1fr;gap:16px 18px}.build-panel .option-group{position:relative}.build-panel #panel-colour>.option-group:first-child{grid-column:1/-1}.build-panel .option-group legend,.build-panel .option-toggle h3{margin-bottom:8px;font-size:10px}.build-panel .option-caption{margin:0;font-size:9px;position:absolute;top:0;right:0}.build-panel .swatch{width:29px;height:29px}.build-panel .frame-swatches{gap:14px}.build-panel .segmented-control,.build-panel .saddle-options{gap:6px;margin:0}.build-panel .segmented-control button,.build-panel .saddle-option{gap:5px;min-height:36px;padding:7px 9px;font-size:9px}.build-panel .finish-sample,.build-panel .saddle-dot{display:none}.build-panel .environment-group,.build-panel #panel-details>.option-group{grid-column:1/-1}.build-panel .option-toggle{gap:8px;padding:0 0 8px}.build-panel .panel-footer{border-top:1px solid var(--line);grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;gap:14px;padding:6px 18px 8px;display:flex}.build-panel .panel-footer .save-button{flex-shrink:0;width:145px;height:34px}.build-panel .concept-note{text-align:right;max-width:155px;line-height:1.4;position:static}.build-panel #panel-build{display:block}.build-panel .build-intro{display:none}.build-panel .build-summary{grid-template-columns:1fr 1fr;gap:0 18px}.build-panel .build-summary>div{gap:6px;font-size:9px}.build-panel .change-build{margin-top:12px}.model-label{bottom:12px}.drawer-open .model-label{opacity:1}.drawer-open .model-label .eyebrow{display:none}.drawer-open .model-label h1{font-size:13px}.drawer-open .toast{bottom:380px}}@media (height<=680px){.build-panel{height:184px}.drawer-open .configurator{grid-template-rows:minmax(0,1fr) auto 184px}.build-panel .panel-content{padding-top:9px}}@media (height<=500px) and (width>=761px){.configurator{gap:6px;padding-top:70px;padding-bottom:8px}.build-panel{grid-template-rows:44px minmax(0,1fr);height:154px}.drawer-open .configurator{grid-template-rows:minmax(0,1fr) auto 154px}.build-panel .panel-heading{padding-top:8px;padding-bottom:8px}.build-panel .drawer-close{top:6px}.build-panel .option-caption,.build-panel .concept-note{display:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motion-toggle{color:#536657;white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:0 13px;font-size:10px;display:flex}.motion-toggle svg{width:15px;height:15px}.motion-toggle:hover{background:#f8fff4c7}.motion-toggle[aria-pressed=true]{color:#2e4b32;background:#e0eadcd9;border-color:#788e6d80}.editor-actions{flex-shrink:0;justify-content:center;align-items:center;gap:7px;display:flex}.surprise-button{color:#34483b;white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:45px;padding:0 15px;font-size:11px;transition:background .2s,border-color .2s;display:flex}.surprise-button svg{width:17px;height:17px}.surprise-button:hover{background:#f8fff4bf}.editor-actions .undo-button{flex-shrink:0;width:37px;height:37px;padding:9px}.viewer-tools .icon-button:disabled{opacity:.36;cursor:default;background:0 0}.build-panel .environment-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.build-panel .environment-options button{white-space:nowrap;justify-content:center;min-width:0;padding:10px 7px;font-size:10px}.build-panel .environment-options button>svg{display:none}.build-panel #panel-details>.environment-group{flex:1.5;min-width:246px}.build-actions{flex-direction:column;align-items:stretch;gap:13px;min-width:154px;padding-top:5px;display:flex}.build-panel .build-actions .change-build{justify-content:center;margin:0}.poster-button{white-space:nowrap;width:100%;height:38px;font-size:10px}.poster-button:disabled{opacity:.65;cursor:wait}.poster-button[aria-busy=true] svg{opacity:.35}#app[data-theme=dark]{--ink:#f1f3f5;--muted:#afb5bf;--line:#d4d9e326;--glass:#14171ec7;--acid:#d8fa59;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090b10}#app[data-theme=dark] .glass{-webkit-backdrop-filter:blur(22px)saturate(85%);backdrop-filter:blur(22px)saturate(85%);border-color:#e3e8f126;box-shadow:0 10px 38px #00000026,inset 0 1px #ffffff09}#app[data-theme=dark] .brand img{filter:brightness(0)invert()}#app[data-theme=dark] :is(button,a,input):focus-visible{outline:2px solid var(--acid);outline-offset:4px}#app[data-theme=dark] ::selection{background:var(--acid);color:#151a0e}#app[data-theme=dark] .model-switch button{color:#bdc3cc}#app[data-theme=dark] .model-switch button:hover{color:#fff;background:#ffffff0d}#app[data-theme=dark] .model-switch button.is-selected{color:#13170d;background:var(--acid);box-shadow:0 2px 12px #d8fa5910}#app[data-theme=dark] :is(.drawer-trigger,.surprise-button,.motion-toggle,.icon-button){color:#e1e5eb}#app[data-theme=dark] :is(.drawer-trigger,.surprise-button,.motion-toggle,.icon-button):hover{color:#fff;background:#ffffff14}#app[data-theme=dark] .drawer-trigger[aria-expanded=true]{color:var(--acid);box-shadow:none;background:#d8fa591c;border-color:#d8fa5970}#app[data-theme=dark] .surprise-button{border-color:#d8fa5947}#app[data-theme=dark] .surprise-button>svg{color:var(--acid)}#app[data-theme=dark] .motion-toggle[aria-pressed=true]{color:var(--acid);background:#d8fa591c;border-color:#d8fa5970}#app[data-theme=dark] .icon-button[aria-pressed=true]{color:var(--acid);background:#d8fa591c}#app[data-theme=dark] .viewer-tools .icon-button:disabled{color:#bdc3cc;background:0 0}#app[data-theme=dark] .view-options button{color:#bdc3cc}#app[data-theme=dark] .view-options button:hover{color:#fff;background:#ffffff0f}#app[data-theme=dark] .view-options button.is-selected{color:#fff;background:#e2e8ef1c;box-shadow:inset 0 0 0 1px #eef2f51a}#app[data-theme=dark] .tool-divider{background:var(--line)}#app[data-theme=dark] :is(.eyebrow,.stage-hint,.option-caption,.option-toggle p,.concept-note,.dialog-intro,.dialog-product div>span,.build-link-help){color:var(--muted)}#app[data-theme=dark] .model-label:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0e146b;border-radius:14px;position:absolute;inset:-9px -13px}#app[data-theme=dark] .build-panel{--glass:#14171ef0;box-shadow:0 14px 44px #0004,inset 0 1px #ffffff09}#app[data-theme=dark] .drawer-close{background:#ffffff05;border-color:#ffffff21}#app[data-theme=dark] .config-tabs button{color:#afb5bf}#app[data-theme=dark] .config-tabs button:hover,#app[data-theme=dark] .config-tabs button[aria-selected=true]{color:#fff}#app[data-theme=dark] .config-tabs button[aria-selected=true]:after{background:var(--acid)}#app[data-theme=dark] .panel-content{scrollbar-color:#a2acb54d transparent}#app[data-theme=dark] .swatch:before{border-color:#f4f6fc26}#app[data-theme=dark] .swatch.is-selected{outline-color:var(--acid)}#app[data-theme=dark] .swatch.is-light{color:#242a20}#app[data-theme=dark] .swatch-tooltip{color:#171d17;background:#edf1e6;box-shadow:0 4px 14px #0003}#app[data-theme=dark] :is(.segmented-control button,.saddle-option){color:#e2e6ec;background:#ffffff04;border-color:#e3e8f12e}#app[data-theme=dark] :is(.segmented-control button,.saddle-option):hover{background:#ffffff0c;border-color:#e3e8f14a}#app[data-theme=dark] :is(.segmented-control button,.saddle-option).is-selected{color:#f4f7ed;background:#d8fa5910;border-color:#d8fa597a}#app[data-theme=dark] :is(.segmented-control button,.saddle-option)>svg{color:var(--acid)}#app[data-theme=dark] .finish-sample{background:linear-gradient(135deg,#969ba0,#3c4147)}#app[data-theme=dark] .finish-sample.gloss{background:linear-gradient(130deg,#363b40 10%,#a4a9af 36%,#f1f3f6 42%,#697079 58%,#33383f 95%)}#app[data-theme=dark] .saddle-dot{box-shadow:inset 0 0 0 1px #ffffff21}#app[data-theme=dark] .switch{background:#606a7a66}#app[data-theme=dark] .switch[aria-checked=true]{background:var(--acid)}#app[data-theme=dark] .switch[aria-checked=true] span{background:#202713}#app[data-theme=dark] .save-button{background:var(--acid);color:#171e09;border-color:#e4ff85;box-shadow:inset 0 1px #ffffff20}#app[data-theme=dark] .save-button:hover{background:#e3ff7c}#app[data-theme=dark] .build-panel .concept-note{font-size:8px}#app[data-theme=dark] .build-colour-mark{border-color:#d6dce424;box-shadow:0 0 0 1px #d6dce433}#app[data-theme=dark] .build-summary dt{color:var(--muted)}#app[data-theme=dark] .build-summary dd{color:#e7ebf0}#app[data-theme=dark] .text-button{color:var(--acid)}#app[data-theme=dark] .text-button:hover{color:#efffae}#app[data-theme=dark] .secondary-button{color:#e6ebf1;background:#ffffff06;border-color:#d7dee43b}#app[data-theme=dark] .secondary-button:hover{background:#ffffff10}#app[data-theme=dark] .poster-button{border-color:#d8fa594a}#app[data-theme=dark] .poster-button>svg{color:var(--acid)}#app[data-theme=dark] .save-dialog{--glass:#15181ffa;box-shadow:0 30px 130px #0009}#app[data-theme=dark] .save-dialog::backdrop{background:#03050acc}#app[data-theme=dark] .build-link-label{color:#e1e6ec}#app[data-theme=dark] .build-link-input{color:#e1e6ed;background:#0b0e14;border-color:#dae2ec38}#app[data-theme=dark] .build-link-input:focus{border-color:var(--acid);outline:none;box-shadow:0 0 0 2px #d8fa5921}#app[data-theme=dark] .dialog-feedback{color:#d8fa80}#app[data-theme=dark] .viewer-loading{color:#e1e6ed}#app[data-theme=dark] .loading-ring{border-color:#dde5f326;border-top-color:var(--acid)}#app[data-theme=dark] .toast{--glass:#191d24f2;color:#e7ebf1}#app[data-theme=dark] .toast>span{color:var(--acid);background:#d8fa5917}@media (width<=760px){.motion-toggle{gap:6px;min-height:33px;padding:0 11px;font-size:9px}.motion-toggle svg{width:14px;height:14px}.stage-toolbar{grid-template-columns:auto auto;gap:7px}.stage-toolbar .viewer-tools{grid-area:2/1;justify-self:end;gap:0;padding:2px}.stage-toolbar .viewer-tools .icon-button{width:30px;height:34px;padding:7px}.stage-toolbar .editor-actions{grid-area:2/2;justify-self:start;gap:5px}.stage-toolbar .surprise-button{flex-shrink:0;width:36px;height:38px;padding:9px}.surprise-button>span{display:none}.stage-toolbar .drawer-trigger{min-width:96px;height:38px;padding:0 12px;font-size:10px}.editor-actions .undo-button{width:30px;height:34px;padding:7px}.build-panel #panel-details>.environment-group{min-width:0}.build-panel .environment-options button{min-height:36px;padding:8px 5px;font-size:9px}.build-actions{flex-flow:wrap;align-items:center;gap:12px;min-width:0;padding-top:12px}.build-actions .poster-button{flex:1;width:auto;min-width:138px}.build-panel .build-actions .change-build{white-space:nowrap;flex:1;font-size:9px}}@media (width<=380px){.stage-toolbar .surprise-button{width:34px;height:36px;padding:8px}.stage-toolbar .drawer-trigger{gap:6px;min-width:85px;height:36px;padding:0 9px}.editor-actions .undo-button{width:28px;height:32px;padding:7px}.stage-toolbar .editor-actions{gap:4px}}#app[data-motion-off=true] *,#app[data-motion-off=true] :before,#app[data-motion-off=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#app[data-theme=light]{--ink:#202625;--muted:#616966;--line:#202a2726;--glass:#f4f6f3c9;color:var(--ink)}#app[data-scene=courtyard]{background:#c8c7bf}#app[data-scene=neon]{background:#080b13}#app:is([data-scene=courtyard],[data-scene=canyon]) .brand:before,#app:is([data-scene=courtyard],[data-scene=canyon]) .model-label:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2f3ee9c;border:1px solid #ffffff7a;border-radius:12px;position:absolute;inset:-9px -12px}.model-label h1{letter-spacing:-1.6px;font-size:clamp(24px,2.6vw,38px);font-weight:600;line-height:1.06}.model-label .eyebrow{letter-spacing:1.15px;font-size:8px}.presentation-readout{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:1.1px;text-transform:uppercase;pointer-events:none;background:#f0f2eea3;border:1px solid #ffffff57;border-radius:3px;align-items:center;gap:9px;padding:8px 11px;font:9px/1.2 POPMono,monospace;display:flex;position:absolute;top:16px;right:30px}.presentation-readout i{opacity:.4;background:currentColor;width:20px;height:1px}#app[data-theme=dark] .presentation-readout{color:#e4e8ee;background:#0b0e1496;border-color:#e4ebfb3b}.stage-toolbar{grid-template-columns:auto auto auto auto;align-items:center;gap:8px;display:grid}.presentation-controls{border-radius:100px;flex-shrink:0;align-items:center;gap:9px;min-height:45px;padding:5px 9px;display:flex}.world-selector{white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex;position:relative}.world-selector>span,.look-label{letter-spacing:.5px;color:var(--muted);text-transform:uppercase;font-family:POPMono,monospace;font-size:8px}.world-selector select{font:inherit;color:inherit;appearance:none;cursor:pointer;outline-offset:1px;background:0 0;border:0;border-radius:20px;max-width:118px;padding:8px 18px 8px 4px}.world-selector select option{color:#202625;background:#edf0ea}.world-selector>svg{pointer-events:none;width:12px;height:12px;position:absolute;right:2px}.presentation-divider{background:var(--line);width:1px;height:22px}.look-options{align-items:center;gap:2px;display:flex}.look-label{padding-right:5px}.look-options button{background:0 0;border:1px solid #0000;border-radius:100px;padding:9px;font-size:10px;line-height:1.15;transition:background .18s,border-color .18s;position:relative}.look-options button:hover{background:#ffffff78}.look-options button.is-selected{color:#22292a;background:linear-gradient(165deg,#feffff,#cfd7d9 42%,#f8fbfc 68%,#b6c1c5);border-color:#9daaad80;box-shadow:inset 0 1px #fff,inset 0 -1px 1px #88939c36}#app[data-theme=dark] .world-selector select option{color:#ecf0f6;background:#171b22}#app[data-theme=dark] .look-options button:hover{background:#ffffff14}#app[data-theme=dark] .look-options button.is-selected{color:#141a20;background:linear-gradient(160deg,#f4f7fa,#b9c4cc 44%,#eff6fa 65%,#84929e);border-color:#f0f7fe90;box-shadow:inset 0 1px #fff8,inset 0 -1px #0003}.world-selector select:focus-visible{outline:2px solid #68776c}#app[data-theme=dark] .world-selector select:focus-visible{outline-color:var(--acid)}#app[data-theme=light] .build-panel{--glass:#f5f7f3e0}.build-panel #panel-details{gap:28px;display:flex}.build-panel #panel-details>.option-group,.build-panel #panel-details>.option-toggle{flex:1}.presentation-changing .presentation-readout{animation:.22s ease-out both liquidType}@keyframes liquidType{0%{filter:blur(3px);opacity:.35;transform:scaleX(1.08)}to{filter:blur();opacity:1;transform:scaleX(1)}}@media (width<=1340px){.stage-toolbar{grid-template-columns:auto auto auto;gap:7px 9px}.stage-toolbar .presentation-controls{grid-area:1/1/auto/-1;justify-self:center}.stage-toolbar .view-options{grid-area:2/1}.stage-toolbar .viewer-tools{grid-area:2/2}.stage-toolbar .editor-actions{grid-area:2/3}}@media (width<=760px){.configurator{gap:8px;padding-top:120px}.stage-toolbar{grid-template-columns:auto auto;gap:6px;max-width:calc(100vw - 20px)}.stage-toolbar .presentation-controls{grid-area:1/1/auto/-1;justify-content:center;gap:8px;width:100%;min-height:38px;padding:3px 9px}.world-selector{gap:5px;font-size:9px}.world-selector select{max-width:105px;padding:6px 16px 6px 1px}.world-selector>span,.look-label{letter-spacing:.35px;font-size:7px}.look-options button{padding:7px 8px;font-size:9px}.look-label{padding-right:4px}.presentation-divider{height:18px}.stage-toolbar .view-options{grid-area:2/1/auto/-1;justify-self:center}.stage-toolbar .viewer-tools{grid-area:3/1;justify-self:end}.stage-toolbar .editor-actions{grid-area:3/2;justify-self:start}.drawer-open .stage-toolbar .view-options{display:none}.drawer-open .stage-toolbar .viewer-tools,.drawer-open .stage-toolbar .editor-actions{grid-row:2}.model-label h1{letter-spacing:-.8px;font-size:22px}.presentation-readout{letter-spacing:.7px;gap:6px;padding:6px 8px;font-size:7px;top:8px;right:17px}.presentation-readout i{width:12px}.drawer-open .presentation-readout{display:none}.build-panel #panel-details{grid-template-columns:1fr 1fr;gap:18px;display:grid}.build-panel #panel-details>.option-group{grid-column:1/-1}}@media (width<=380px){.stage-toolbar .presentation-controls{gap:6px;padding:3px 7px}.world-selector>span{display:none}.look-options button{padding-left:8px;padding-right:8px}}@media (width<=760px) and (height<=680px){.configurator{padding-top:109px}.presentation-readout{top:3px}.model-label h1{font-size:18px}}.liquid-entrance{z-index:2000;color:#f7f7f7;padding:25px 30px max(25px,env(safe-area-inset-bottom));opacity:1;isolation:isolate;background:#030303;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;transition:opacity .22s ease-out;display:grid;position:absolute;inset:0}.entrance-heading{letter-spacing:1.7px;justify-content:space-between;align-items:center;gap:20px;font:9px/1.4 POPMono,monospace;display:flex}.entrance-heading img{object-fit:contain;filter:brightness(0)invert();width:94px;height:38px}.entrance-art{aspect-ratio:400/517;justify-self:center;width:min(400px,100%);height:100%;min-height:0;position:relative;overflow:hidden}.entrance-art img,.entrance-art video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.entrance-art video{opacity:0;transition:opacity .1s}.video-playing .entrance-art video{opacity:1}.liquid-entrance[data-motion-off=true] .entrance-art video,.video-unavailable .entrance-art video{display:none}.entrance-footer{letter-spacing:.4px;grid-template-columns:1fr auto;justify-self:center;gap:13px 20px;width:100%;max-width:680px;font:9px/1.5 POPMono,monospace;display:grid}.entrance-status{color:#e4e4e4}.entrance-caption{color:#929292;letter-spacing:1.2px;font-size:8px}.entrance-progress{background:#ffffff2e;grid-column:1/-1;width:100%;height:1px}.entrance-progress>span{width:var(--loaded,0%);background:linear-gradient(90deg,#a3a3a3,#fff);height:1px;transition:width .15s linear;display:block}.liquid-entrance.is-leaving{opacity:0;pointer-events:none}@media (width<=760px){.liquid-entrance{padding:19px 20px max(24px,env(safe-area-inset-bottom));gap:24px}.entrance-heading{letter-spacing:1px;font-size:7px}.entrance-heading img{width:75px;height:30px}.entrance-footer{text-align:center;grid-template-columns:1fr;row-gap:10px;font-size:9px}.entrance-caption{display:none}.entrance-art{max-width:400px}}@media (prefers-reduced-motion:reduce){.liquid-entrance .entrance-art video{display:none}}#app.compact-ui{--ui-fg:#eef0f3;--ui-muted:#a9adb6;--ui-line:#ffffff16;--ui-glass:#11141ac7;--ui-hover:#ffffff0c;--ui-active:#ffffff15;color:var(--ui-fg)}#app.compact-ui[data-theme=light]{--ui-fg:#242826;--ui-muted:#666c68;--ui-line:#17231a18;--ui-glass:#f4f5f0d1;--ui-hover:#00000006;--ui-active:#0000000c}#app.compact-ui.is-cargo-reveal{--ui-fg:#eef0f3;--ui-muted:#a9adb6;--ui-line:#ffffff16;--ui-glass:#11141ac7;--ui-hover:#ffffff0c;--ui-active:#ffffff15}#app.compact-ui[data-theme=light].is-cargo-reveal .brand img{filter:brightness(0)invert()}.compact-ui .cargo-reveal-actions{align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.compact-ui .cargo-reveal-actions button{cursor:pointer;white-space:nowrap;border-radius:100px;min-height:40px;padding:11px 16px;font-size:11px}.compact-ui .cargo-reveal-actions [data-action=studio-lights]{border-color:#ffffff45}.compact-ui .cargo-reveal-actions[hidden]{display:none}.compact-ui .quiet-glass{background:var(--ui-glass);border:1px solid var(--ui-line);-webkit-backdrop-filter:blur(22px);color:var(--ui-fg);box-shadow:0 5px 28px #0000000b}#app.compact-ui .site-header{background:0 0;border:0;height:82px;padding:22px 28px}#app.compact-ui .brand{background:0 0;border:0;border-radius:0;width:83px;padding:0}#app.compact-ui .brand:before{display:none}#app.compact-ui .brand img{filter:brightness(0)invert();height:34px}#app.compact-ui[data-theme=light] .brand img{filter:brightness(0)}.compact-ui .bike-picker{border-radius:100px;position:relative}.compact-ui .bike-picker select{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:100px;min-height:44px;padding:12px 40px 12px 18px;font:500 12px POP,sans-serif}.compact-ui select option{color:#252a27;background:#f0f1ed}.compact-ui .bike-picker>svg{pointer-events:none;width:14px;height:14px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}#app.compact-ui .configurator{padding:82px 16px max(18px,env(safe-area-inset-bottom));background:0 0;grid-template-rows:minmax(0,1fr) auto auto auto;gap:10px;display:grid}#app.compact-ui .bike-stage{pointer-events:none;grid-row:1;width:100%;height:auto;min-height:0;position:relative;inset:auto}.compact-ui .colour-dock{pointer-events:auto;z-index:4;border-radius:24px;grid-row:3;justify-self:center;width:min(640px,100%);min-width:0;padding:12px 16px 5px}.compact-ui .colour-row{align-items:center;gap:10px;min-width:0;min-height:40px;display:flex}.compact-ui .colour-target{flex-shrink:0;align-items:center;gap:2px;display:flex}.compact-ui .colour-target button{color:var(--ui-muted);background:0 0;border-radius:7px;padding:8px 5px;font-size:10px}.compact-ui .colour-target button[aria-pressed=true]{color:var(--ui-fg);background:var(--ui-active)}.compact-ui .colour-target button:only-child{background:0 0}.compact-ui .colour-rail{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.compact-ui .dock-swatches{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;flex:1;align-items:center;gap:7px;min-width:0;padding:3px 5px;scroll-padding-inline:5px;display:flex;overflow:auto hidden}.compact-ui .dock-swatches::-webkit-scrollbar{display:none}.compact-ui .dock-swatches .swatch-tooltip{display:none}.compact-ui .swatch-scroll{width:22px;height:38px;color:var(--ui-muted);background:0 0;border-radius:12px;flex:0 0 22px;place-items:center;padding:0;transition:color .18s,background .18s,opacity .18s;display:none}.compact-ui .colour-rail.has-overflow .swatch-scroll{display:grid}.compact-ui .swatch-scroll svg{width:13px;height:13px;transform:rotate(-90deg)}.compact-ui .swatch-scroll[data-scroll-colours=previous] svg{transform:rotate(90deg)}.compact-ui .swatch-scroll:hover:not(:disabled){background:var(--ui-active);color:var(--ui-fg)}.compact-ui .swatch-scroll:disabled{opacity:.2;cursor:default}#app.compact-ui .swatch{background:0 0;border-radius:0;outline:0;flex-shrink:0;width:31px;height:38px;padding:0;transform:none}#app.compact-ui .swatch:before{background:var(--swatch);border:1px solid #ffffff30;border-radius:50%;transition:box-shadow .15s;inset:6px 2px}#app.compact-ui .swatch.is-metallic:before{background:linear-gradient(135deg,#d4dcdc,#fff 35%,#aeb3b4 65%,#e9eeee)}#app.compact-ui .swatch.is-pattern:before{background:var(--pattern) center/cover}#app.compact-ui .swatch.is-pattern svg{color:#fff;filter:drop-shadow(0 1px 1px #000)}.compact-ui[data-model=cargo] .colour-dock{width:min(840px,100%)}.compact-ui .cargo-box-picker{border-top:1px solid var(--ui-line);min-width:0;margin-top:9px;padding-top:8px}.compact-ui .box-row-heading{color:var(--ui-muted);justify-content:space-between;align-items:baseline;gap:10px;margin:0 4px 4px;font-size:10px;display:flex}.compact-ui .box-row-heading small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.compact-ui .box-rail{align-items:center;gap:2px;min-width:0;display:flex}.compact-ui .box-rail.has-overflow .swatch-scroll{display:grid}.compact-ui .swatch-scroll[data-scroll-boxes=previous] svg{transform:rotate(90deg)}.compact-ui .box-choices{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;flex:1;gap:5px;min-width:0;padding:3px 4px;scroll-padding-inline:5px;overflow:auto hidden}.compact-ui .box-choices::-webkit-scrollbar{display:none}.compact-ui .box-choices button{white-space:nowrap;border-radius:10px;flex:none;min-height:36px;padding:8px 12px;font-size:10px}.compact-ui .box-choices button:hover{background:var(--ui-hover);color:var(--ui-fg)}.compact-ui .cargo-mechanisms{pointer-events:auto;z-index:3;gap:7px;display:flex;position:absolute;bottom:8px;right:8px}.compact-ui .cargo-mechanisms[hidden]{display:none}.compact-ui .cargo-mechanisms button{cursor:pointer;border-radius:100px;align-items:center;gap:14px;min-height:42px;padding:10px 15px;font-size:11px;display:flex}.compact-ui .cargo-mechanisms button[aria-pressed=true]{border-color:var(--ui-muted)}.compact-ui .cargo-mechanisms button:hover{background:var(--ui-active)}.compact-ui.is-cargo-reveal .cargo-mechanisms{visibility:hidden}#app.compact-ui .swatch.is-selected:before{box-shadow:0 0 0 2px var(--ui-glass),0 0 0 3px var(--ui-fg)}#app.compact-ui .swatch:hover:before{box-shadow:0 0 0 2px var(--ui-glass),0 0 0 3px var(--ui-muted)}#app.compact-ui .dock-swatches .swatch:focus-visible{outline:0}#app.compact-ui .dock-swatches .swatch:focus-visible:before{box-shadow:0 0 0 2px var(--ui-glass),0 0 0 4px var(--ui-fg)}#app.compact-ui .swatch svg{z-index:1;width:12px;height:12px;position:relative}.compact-ui .colour-name{color:var(--ui-muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:92px;font-size:10px;overflow:hidden}.compact-ui .dock-actions{border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:4px;margin-top:9px;padding-top:4px;display:flex}.compact-ui .dock-actions button{white-space:nowrap;min-height:44px;color:var(--ui-fg);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.compact-ui .dock-actions button svg{width:17px;height:17px}.compact-ui .dock-actions [data-action=surprise] svg{color:#d7fa64}.compact-ui[data-theme=light] .dock-actions [data-action=surprise] svg{color:#526719}.compact-ui .dock-actions [data-menu=more],.compact-ui .dock-actions [data-action=undo]{flex-shrink:0;width:40px;padding:0}.compact-ui .more-dots{letter-spacing:2px;font-size:12px}.compact-ui .dock-actions button:hover,.compact-ui .dock-actions button[aria-expanded=true]{background:var(--ui-active)}.compact-ui .dock-panel{pointer-events:auto;z-index:4;scrollbar-width:thin;scrollbar-color:#8886 transparent;overscroll-behavior:contain;border-radius:22px;grid-row:2;place-self:end center;width:min(560px,100%);max-height:min(330px,39dvh);padding:14px 18px 18px;position:relative;overflow:auto}.compact-ui .dock-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.compact-ui .dock-panel h2{letter-spacing:-.2px;font-size:14px;font-weight:500}.compact-ui .compact-icon{width:34px;height:34px;color:var(--ui-muted);background:0 0;border-radius:50%;place-items:center;padding:7px;display:grid}.compact-ui .compact-icon:hover{background:var(--ui-hover)}.compact-ui .world-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.compact-ui .world-card{text-align:left;min-width:0;color:var(--ui-muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 0 6px;font-size:9px;position:relative;overflow:hidden}.compact-ui .world-card>span:last-of-type{white-space:nowrap;text-overflow:ellipsis;padding:6px 5px 0;display:block;overflow:hidden}.compact-ui .world-image{background-position:50%;background-size:cover;height:48px;display:block}.compact-ui .world-card>svg{color:#fff;opacity:0;background:#111b;border-radius:50%;width:15px;height:15px;padding:2px;position:absolute;top:5px;right:5px}.compact-ui .world-card.is-selected{border-color:var(--ui-fg);color:var(--ui-fg)}.compact-ui .world-card.is-selected>svg{opacity:1}.compact-ui .world-card:hover{background:var(--ui-hover)}.world-moon{filter:grayscale();background-image:url(/assets/moon/color.webp)}.world-white_studio{background:radial-gradient(at 50% 60%,#fff 15%,#e6e6e3 60%,#cacdc9)}.world-courtyard{background-image:url(/assets/courtyard-panorama.png)}.world-neon{background-image:url(/assets/neon-panorama.png)}.world-alps{background-image:url(/assets/alps/panorama.webp)}.world-copenhagen{background-image:url(/assets/copenhagen-lakes-panorama.png)}.world-cosmic{background:radial-gradient(at 50% 80%,#713c995c,#0000 65%),linear-gradient(#020307 60%,#15131d 62%,#0a0b11)}.world-studio{background:radial-gradient(#eeeae0,#c4c8bf)}.world-dark_studio{background:radial-gradient(at 50% 80%,#d6eeff55,#0000 55%),linear-gradient(#010205 38%,#202734 39%,#04070b 70%)}.world-garage{background:repeating-linear-gradient(0deg,#0000 0 16px,#a3d9e9 17px 18px,#0000 20px 28px),linear-gradient(135deg,#080d11,#344854,#111b21)}.world-canyon{background:linear-gradient(150deg,#dbc2a4 10%,#9b6743 11%,#ab8153 35%,#d8bca1 36%,#aa744d 69%,#d2ad78 70%)}.compact-ui .look-row{border-top:1px solid var(--ui-line);color:var(--ui-muted);justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.compact-ui .compact-choices{gap:4px;display:flex}.compact-ui .compact-choices button,.compact-ui .camera-grid button{border:1px solid var(--ui-line);min-height:40px;color:var(--ui-muted);background:0 0;border-radius:9px;padding:10px 14px;font-size:11px}.compact-ui .compact-choices button.is-selected,.compact-ui .camera-grid button[aria-pressed=true]{background:var(--ui-active);border-color:var(--ui-muted);color:var(--ui-fg)}.compact-ui .options-grid{grid-template-columns:1fr 1fr;gap:18px 22px;display:grid}.compact-ui .compact-field>span{color:var(--ui-muted);margin-bottom:9px;font-size:11px;display:block}.compact-ui .compact-field .compact-choices button{flex:1}.compact-ui .tyre-caption{color:var(--ui-muted);margin-top:7px;font-size:9px;line-height:1.5;display:block}.compact-ui .cargo-lighting{border-top:1px solid var(--ui-line);grid-column:1/-1;padding-top:12px}.compact-ui .cargo-lighting button[aria-pressed=true]{background:var(--ui-active);border-color:var(--ui-muted);color:var(--ui-fg)}.compact-ui[data-model=cargo] .options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compact-ui[data-model=cargo] .options-grid .compact-choices button{padding:9px 8px}.compact-ui[data-model=cargo] .options-grid [data-optional-guards]{border-top:0;gap:6px;padding-top:15px;font-size:11px}.compact-ui .compact-toggle{border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding-top:10px;font-size:12px;display:flex}.compact-ui .compact-toggle button{background:#8885;border-radius:20px;width:36px;height:22px;padding:3px}.compact-ui .compact-toggle button span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block}.compact-ui .compact-toggle button[aria-checked=true]{background:#7d9637}.compact-ui .compact-toggle button[aria-checked=true] span{transform:translate(14px)}.compact-ui .save-grid,.compact-ui .settings-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.compact-ui .menu-action{text-align:left;border:1px solid var(--ui-line);background:0 0;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:12px;font-size:11px;display:flex}.compact-ui .menu-action svg{width:17px;height:17px;color:var(--ui-muted)}.compact-ui .menu-action:hover{background:var(--ui-hover)}.compact-ui .menu-action[aria-pressed=true]{background:var(--ui-active);border-color:var(--ui-muted)}.compact-ui button:disabled{opacity:.4;cursor:default}.compact-ui .build-caption{color:var(--ui-muted);margin-bottom:14px;font-size:11px}.compact-ui .link-fallback{color:var(--ui-muted);margin-top:12px;font-size:10px;display:block}.compact-ui .link-fallback input{width:100%;color:inherit;border:1px solid var(--ui-line);background:0 0;border-radius:8px;margin-top:7px;padding:10px;font:10px POPMono,monospace;display:block}.compact-ui .camera-grid{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.compact-ui .camera-grid button{white-space:nowrap;flex:1;padding:9px}.compact-ui .system-motion-note{color:var(--ui-muted);margin-top:12px;font-size:10px}#app.compact-ui .toast{z-index:20;max-width:min(380px,100vw - 32px);padding:11px 16px;font-size:11px;top:84px;bottom:auto}.compact-ui :is(button,select,input,a):focus-visible{outline:2px solid var(--ui-fg);outline-offset:3px}@media (width<=600px){.compact-ui .box-row-heading{font-size:9px}.compact-ui .box-row-heading small{max-width:73%;font-size:8px}.compact-ui .box-choices button{min-height:38px;padding:8px 10px}.compact-ui .cargo-reveal-actions{top:70px}#app.compact-ui .site-header{height:70px;padding:16px 18px}#app.compact-ui .brand{width:68px}#app.compact-ui .brand img{height:28px}.compact-ui .bike-picker select{min-height:40px;padding:10px 32px 10px 14px;font-size:11px}#app.compact-ui .configurator{padding:70px 10px max(12px,env(safe-area-inset-bottom));gap:8px}.compact-ui .colour-dock{border-radius:21px;padding:9px 10px 3px}.compact-ui .colour-row{gap:6px;padding-top:17px;position:relative}.compact-ui .colour-target{position:absolute;top:-4px;left:2px}.compact-ui .colour-target button{padding:4px 6px;font-size:9px}.compact-ui .colour-name{width:auto;max-width:47%;font-size:9px;position:absolute;top:0;right:5px}.compact-ui .dock-swatches{gap:5px}#app.compact-ui .swatch{width:31px;height:38px}.compact-ui .dock-actions{gap:1px;margin-top:6px;padding-top:2px}.compact-ui .dock-actions button{gap:5px;min-height:42px;padding:0 10px;font-size:11px}.compact-ui .surprise-label{display:none}.compact-ui .dock-actions [data-action=surprise]{width:42px;padding:0}.compact-ui .dock-actions [data-menu=more],.compact-ui .dock-actions [data-action=undo]{width:32px}.compact-ui .dock-panel{border-radius:19px;max-height:31dvh;padding:10px 13px 14px}.compact-ui .dock-panel-heading{margin-bottom:6px}.compact-ui .dock-panel h2{font-size:13px}.compact-ui .world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.compact-ui .world-image{height:45px}.compact-ui .options-grid{gap:13px}.compact-ui[data-model=cargo] .options-grid{grid-template-columns:1fr 1fr}.compact-ui[data-model=cargo] .cargo-lighting{border-top:0;padding-top:0}.compact-ui[data-model=cargo] .options-grid [data-optional-guards]{padding-top:0}.compact-ui .compact-choices button{padding:9px 10px;font-size:10px}.compact-ui .look-row{gap:10px}#app.compact-ui .toast{top:72px}}@media (height<=550px){#app.compact-ui .configurator{padding-top:58px}#app.compact-ui .site-header{height:58px;padding-top:10px;padding-bottom:10px}.compact-ui .dock-panel{max-height:30dvh}}.compact-ui .custom-colour-button{color:#fff;background:conic-gradient(#f55,#ff6,#6f8,#5df,#86f,#f5b,#f55);border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;padding:0;display:grid;position:relative}.compact-ui .custom-colour-button>span{background:#171b20;border-radius:50%;place-items:center;width:21px;height:21px;font-size:16px;line-height:1;display:grid}.compact-ui .custom-colour-button.is-selected{box-shadow:0 0 0 2px var(--ui-glass),0 0 0 3px var(--ui-fg)}.compact-ui .custom-colour-button[aria-expanded=true]>span{background:var(--custom-colour);text-shadow:0 1px 3px #000}.compact-ui .custom-paint{border-top:1px solid var(--ui-line);margin-top:10px;padding-top:10px}.compact-ui .colour-spectrum{touch-action:none;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue),100%,50%);border-radius:9px;height:90px;position:relative}.compact-ui .colour-cursor{left:var(--sat);top:var(--value);pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0007}.compact-ui .custom-colour-values{align-items:center;gap:14px;margin-top:8px;display:flex}.compact-ui .custom-colour-values label{color:var(--ui-muted);align-items:center;gap:7px;font:9px POPMono,monospace;display:flex}.compact-ui .custom-colour-values input[type=text]{width:84px;min-height:32px;color:var(--ui-fg);border:1px solid var(--ui-line);background:0 0;border-radius:7px;padding:5px 7px;font:11px POPMono,monospace}.compact-ui .custom-colour-values input[aria-invalid=true]{border-color:#eb997d}.compact-ui .hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:20px;flex:1;min-width:0;height:12px}.compact-ui .hue-slider::-webkit-slider-thumb{appearance:none;background:0 0;border:2px solid #fff;border-radius:10px;width:16px;height:20px;box-shadow:0 0 2px #000}.compact-ui .hue-slider::-moz-range-thumb{background:0 0;border:2px solid #fff;border-radius:10px;width:12px;height:16px}.compact-ui .paint-sheen{color:var(--ui-muted);align-items:center;gap:10px;min-height:27px;margin-top:8px;font-size:9px;display:flex}.compact-ui .paint-sheen input{accent-color:#d7dbd8;cursor:pointer;flex:1;min-width:0;height:24px;margin:0}.compact-ui .paint-sheen output{text-align:right;width:68px;color:var(--ui-fg);font-size:9px}.compact-ui .colour-dock:has(.custom-paint){scrollbar-width:thin;max-height:48dvh;overflow-y:auto}.entrance-enter{color:#fff;background:0 0;border:1px solid #ffffff45;border-radius:100px;justify-self:end;padding:10px 22px;font:11px POP,sans-serif}@media (width<=600px){.compact-ui .custom-colour-button{margin-left:8px}.compact-ui .paint-sheen{gap:8px;margin-top:4px}.compact-ui .paint-sheen output{width:59px}.compact-ui .colour-spectrum{height:76px}.entrance-enter{justify-self:center}}.entrance-footer{grid-template-columns:1fr auto auto}@media (width<=760px){.entrance-footer{grid-template-columns:1fr}.entrance-enter{grid-row:2}}.compact-ui .custom-paint{opacity:0;visibility:hidden;border:0;grid-template-rows:0fr;margin:0;padding:0;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .22s,visibility 0s .42s;display:grid}.compact-ui .custom-paint.is-open{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .24s 40ms,visibility}.compact-ui .custom-paint-clip{min-height:0;overflow:hidden}.compact-ui .custom-paint-content{padding-top:20px;padding-bottom:2px;position:relative}.compact-ui .custom-paint-content:before{content:"";border-top:1px solid var(--ui-line);position:absolute;top:10px;left:0;right:0}.compact-ui .custom-colour-button>span{transition:transform .3s cubic-bezier(.22,1,.36,1)}.compact-ui .custom-colour-button[aria-expanded=true]>span{transform:rotate(45deg)}@media (width>=1024px){.compact-ui .colour-dock,.compact-ui[data-model=cargo] .colour-dock{width:min(1000px,100%)}.compact-ui .inline-options{border-top:1px solid var(--ui-line);margin-top:9px;padding-top:10px}.compact-ui .inline-options .options-grid,.compact-ui[data-model=cargo] .inline-options .options-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px 16px}.compact-ui .inline-options .compact-field>span{margin-bottom:5px;font-size:10px}.compact-ui .inline-options .compact-choices button,.compact-ui[data-model=cargo] .inline-options .compact-choices button{min-height:32px;padding:6px 9px;font-size:10px}.compact-ui .inline-options .tyre-caption{margin-top:4px;font-size:8px;line-height:1.35}.compact-ui .inline-options .compact-toggle,.compact-ui[data-model=cargo] .inline-options [data-optional-guards]{border-top:0;min-height:50px;padding-top:0;font-size:11px}.compact-ui .inline-options .cargo-lighting{grid-column:1/-1;align-items:center;gap:12px;padding-top:8px;display:flex}.compact-ui .inline-options .cargo-lighting>span{white-space:nowrap;margin:0}.compact-ui .inline-options .cargo-lighting .tyre-caption{margin:0}}.compact-ui .dock-actions .hide-dock{width:28px;min-height:32px;color:var(--ui-muted);flex:0 0 28px;padding:0}.compact-ui .hide-dock svg{width:12px;height:12px}.compact-ui .scene-actions{pointer-events:auto;z-index:5;grid-row:4;justify-self:center;align-items:center;gap:8px;display:flex}.compact-ui .scene-actions button{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:11px;transition:background .16s,transform .16s;display:flex}.compact-ui .scene-actions button:active{transform:scale(.97)}.compact-ui .scene-actions button[aria-pressed=true],.compact-ui .scene-actions button[aria-expanded=true]{border-color:var(--ui-muted)}.compact-ui .scene-actions button svg{width:16px;height:16px}.compact-ui .restore-dock svg:last-child{width:12px;height:12px;transition:transform .22s cubic-bezier(.2,.8,.2,1);transform:rotate(180deg)}.compact-ui .restore-dock[aria-expanded=true] svg:last-child{transform:rotate(0)}.compact-ui .scene-actions .explode-label{display:inline}.compact-ui .scene-fold[aria-pressed=true]{background:var(--ui-active)}.compact-ui .scene-fold:disabled{opacity:.45;cursor:wait}.compact-ui .fold-caption{text-align:center;white-space:nowrap;pointer-events:none;z-index:3;border-radius:18px;gap:9px;min-width:220px;padding:16px 22px 14px;display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.compact-ui .fold-caption[hidden]{display:none}.compact-ui .fold-eyebrow{letter-spacing:1.5px;color:var(--ui-muted);font-size:8px}.compact-ui [data-fold-phase]{color:var(--ui-fg);font-size:12px}.compact-ui .fold-track{background:var(--ui-line);border-radius:2px;height:2px;margin-top:3px;overflow:hidden}.compact-ui .fold-track i{background:var(--ui-fg);transform-origin:0;width:100%;height:100%;display:block}.compact-ui .battery-inspect{pointer-events:auto;background:var(--ui-active);min-height:38px;color:var(--ui-fg);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin:2px -7px -4px;padding:8px 10px;font-size:11px;transition:background .16s;display:flex}.compact-ui .battery-inspect[hidden],.compact-ui [data-battery-note][hidden]{display:none}.compact-ui .battery-inspect[aria-pressed=true]{outline:1px solid var(--ui-line)}.compact-ui .battery-inspect:focus-visible{outline:2px solid var(--ui-fg);outline-offset:3px}.compact-ui [data-battery-note]{color:var(--ui-muted);margin-top:4px;font-size:9px}@media (hover:hover) and (pointer:fine){.compact-ui .battery-inspect:hover{background:var(--ui-hover)}}@media (width<=380px){.compact-ui .scene-actions{gap:5px}.compact-ui .scene-actions button{gap:6px;padding:10px 12px}}.compact-ui .dock-actions [data-action=explode][aria-pressed=true]{background:var(--ui-active);color:var(--ui-fg)}.compact-ui .explosion-row{border-top:1px solid var(--ui-line);align-items:center;gap:12px;min-height:34px;margin-top:6px;padding:5px 2px 0;animation:.25s ease-out assemblyIn;display:flex}.compact-ui .explosion-row>label{letter-spacing:.3px;text-transform:uppercase;color:var(--ui-muted);font:9px POPMono,monospace}.compact-ui .explosion-row input{min-width:30px;accent-color:var(--ui-fg);cursor:ew-resize;flex:1;height:26px;margin:0}.compact-ui .explosion-row output{color:var(--ui-muted);text-align:right;width:32px;font:9px POPMono,monospace}.compact-ui .explosion-row select{appearance:none;background:var(--ui-hover);color:var(--ui-fg);border:1px solid var(--ui-line);cursor:pointer;border-radius:8px;min-width:0;max-width:190px;padding:7px 10px;font:10px POP,sans-serif}.compact-ui .part-inspector{pointer-events:auto;z-index:3;border-radius:15px;width:225px;padding:14px;animation:.22s ease-out assemblyIn;position:absolute;top:14px;left:16px}.compact-ui .part-eyebrow{letter-spacing:1.7px;color:var(--ui-muted);align-items:center;gap:9px;font:8px POPMono,monospace;display:flex}.compact-ui .part-eyebrow i{background:#c6e765;border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px #c6e76566}.compact-ui .part-inspector h2{letter-spacing:-.3px;margin-top:9px;font-size:15px;font-weight:500}.compact-ui .part-inspector p{color:var(--ui-muted);margin-top:6px;font-size:10px;line-height:1.5}.compact-ui .part-inspector>div{gap:8px;margin-top:12px;display:flex}.compact-ui .part-inspector button{background:var(--ui-active);border-radius:8px;flex:1;justify-content:space-between;align-items:center;min-height:32px;padding:7px 10px;font-size:10px;display:flex}.compact-ui .part-inspector button:last-child{color:var(--ui-muted);background:0 0}@keyframes assemblyIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.compact-ui .dock-actions [data-action=explode]{flex-shrink:0;width:36px;padding:0}.compact-ui .explode-label{display:none}.compact-ui .explosion-row{gap:7px;margin-top:4px;padding-top:3px}.compact-ui .explosion-row select{max-width:135px;font-size:9px}.compact-ui .explosion-row>label{font-size:8px}.compact-ui .part-inspector{width:190px;padding:11px;top:8px;left:2px}.compact-ui .part-inspector h2{font-size:13px}}@media (prefers-reduced-motion:reduce){.compact-ui .explosion-row,.compact-ui .part-inspector{animation:none}}@media (width>=1024px){.compact-ui .colour-dock,.compact-ui[data-model=cargo] .colour-dock{border-radius:19px;width:min(900px,100%);padding:8px 12px 3px}.compact-ui .colour-row{gap:7px;min-height:32px}#app.compact-ui .swatch{height:32px}#app.compact-ui .swatch:before{inset:3px 2px}.compact-ui .colour-name{width:78px;font-size:9px}.compact-ui .paint-sheen{min-height:23px;margin-top:3px}.compact-ui .paint-sheen input{height:21px}.compact-ui .inline-options .options-grid,.compact-ui[data-model=cargo] .inline-options .options-grid{gap:6px 12px}.compact-ui .inline-options .compact-field>span{margin-bottom:3px}.compact-ui .inline-options .compact-choices button,.compact-ui[data-model=cargo] .inline-options .compact-choices button{min-height:28px;padding:4px 7px}.compact-ui .inline-options .tyre-caption{margin-top:3px}.compact-ui .inline-options .cargo-lighting{gap:9px;padding-top:5px}.compact-ui .box-choices button{min-height:30px;padding:5px 9px}.compact-ui .dock-actions button{min-height:34px;padding:0 10px;font-size:11px}.compact-ui .dock-actions button svg{width:15px;height:15px}#app.compact-ui .configurator{grid-template-rows:minmax(0,1fr);padding:82px 24px;transition:none}.compact-ui .scene-actions{left:24px;bottom:max(22px,env(safe-area-inset-bottom));grid-area:auto;position:absolute}#app.compact-ui .colour-dock,#app.compact-ui[data-model=cargo] .colour-dock{scrollbar-width:thin;scrollbar-color:#8885 transparent;overscroll-behavior:contain;border-radius:18px;grid-area:auto;width:244px;max-height:calc(100dvh - 166px);padding:12px 12px 8px;position:absolute;top:88px;left:24px;overflow-y:auto}.compact-ui .colour-row{grid-template-columns:minmax(0,1fr) 30px;gap:8px;min-height:68px;padding-top:33px;display:grid;position:relative}.compact-ui .colour-target{position:absolute;top:0;left:0}.compact-ui .colour-target button{padding:7px 8px}.compact-ui .colour-name{text-align:left;grid-column:1/-1;width:auto;max-width:none;padding:0 5px;font-size:9px;position:static}.compact-ui .colour-rail{grid-column:1}.compact-ui .colour-row:has(.custom-colour-button[hidden]) .colour-rail{grid-column:1/-1}.compact-ui .custom-colour-button{grid-column:2}.compact-ui .paint-sheen{gap:7px;margin-top:6px}.compact-ui .paint-sheen output{width:44px}.compact-ui .inline-options{margin-top:12px;padding-top:12px}.compact-ui .inline-options .options-grid,.compact-ui[data-model=cargo] .inline-options .options-grid{grid-template-columns:minmax(0,1fr);gap:14px}.compact-ui .inline-options .compact-field>span{margin-bottom:6px;font-size:10px}.compact-ui .inline-options .compact-choices button,.compact-ui[data-model=cargo] .inline-options .compact-choices button{white-space:nowrap;min-height:34px;padding:6px;font-size:10px}.compact-ui .inline-options .tyre-caption{margin-top:5px;font-size:8px;line-height:1.45}.compact-ui .inline-options .cargo-lighting{padding-top:10px;display:block}.compact-ui .inline-options .cargo-lighting .compact-choices{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compact-ui .inline-options .compact-toggle,.compact-ui[data-model=cargo] .inline-options [data-optional-guards]{min-height:28px}.compact-ui .inline-options .cargo-lighting>span{margin-bottom:7px}.compact-ui .inline-options .cargo-lighting .tyre-caption{margin-top:5px}.compact-ui .cargo-box-picker{margin-top:12px;padding-top:10px}.compact-ui .box-row-heading{margin:0 2px 7px;display:block}.compact-ui .box-row-heading small{margin-top:4px;font-size:8px;display:block}.compact-ui .box-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:2px;display:grid;overflow:visible}.compact-ui .box-choices button{min-height:32px;padding:6px 3px;font-size:9px}.compact-ui .box-rail .swatch-scroll{display:none}.compact-ui .dock-actions{gap:0;margin-top:12px;padding-top:6px}.compact-ui .dock-actions button{gap:5px;min-height:36px;padding:0 6px;font-size:10px}.compact-ui .dock-actions .surprise-label{display:none}.compact-ui .explosion-row{grid-template-columns:auto minmax(0,1fr) 32px;gap:4px 8px;margin-top:12px;padding-top:8px;display:grid}.compact-ui .explosion-row select{grid-column:1/-1;width:100%;max-width:none;min-height:34px;margin-top:3px}.compact-ui .dock-panel{border-radius:18px;grid-area:auto;place-self:start;width:244px;max-height:calc(100dvh - 166px);padding:12px;position:absolute;top:88px;bottom:auto;left:24px}.compact-ui.menu-open .colour-dock{visibility:hidden;pointer-events:none}.compact-ui .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.compact-ui .look-row{margin-top:12px;display:block}.compact-ui .look-row .compact-choices{margin-top:8px}.compact-ui .look-row .compact-choices button{flex:1;padding:9px}.compact-ui .camera-grid{flex-wrap:wrap}.compact-ui .camera-grid button{flex:1 0 40%}.compact-ui .settings-grid,.compact-ui .save-grid{grid-template-columns:1fr}.compact-ui .part-inspector{width:205px;left:auto;right:16px}.compact-ui .colour-dock,.compact-ui .dock-panel{opacity:1;transition:opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1);transform:translate(0)}@starting-style{.compact-ui .colour-dock,.compact-ui .dock-panel{opacity:0;transform:translate(-12px)}}}@media (prefers-reduced-motion:reduce){#app.compact-ui .configurator,.compact-ui .colour-dock,.compact-ui .dock-panel,.compact-ui .scene-actions button,.compact-ui .restore-dock svg:last-child{transition:none}}