.pc-page{position:relative;width:100%;height:100%;overflow:hidden;background:#07080b;color:#f3f1ec;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}.pc-canvas,.pc-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pc-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,8,11,.72),transparent 18%),linear-gradient(0deg,rgba(7,8,11,.6),transparent 22%),radial-gradient(ellipse at center,transparent 55%,rgba(2,3,5,.55) 100%)}.pc-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:flex-end;padding:0 8vw 11vh;background:radial-gradient(ellipse at 12% 108%,rgba(201,150,46,.18),transparent 50%),#07080b4d;backdrop-filter:blur(8px) saturate(1.15);-webkit-backdrop-filter:blur(8px) saturate(1.15);pointer-events:auto;transition:opacity .85s ease,backdrop-filter .85s ease}.pc-gate.leaving{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);pointer-events:none}.pc-gate-title{margin:0;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(3rem,7vw,6rem);line-height:.88;letter-spacing:-.01em;text-transform:uppercase}.pc-gate-row{display:flex;align-items:center;gap:26px;margin-top:42px;padding-top:34px;border-top:1px solid rgba(243,241,236,.14);flex-wrap:wrap}.pc-start{display:inline-flex;align-items:center;gap:14px;padding:17px 30px;background:transparent;border:1px solid rgba(243,241,236,.32);border-radius:2px;color:#f3f1ec;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .25s,border-color .25s}.pc-start i{width:22px;height:3px;background:#c22a24;transition:background .25s}.pc-start:hover{background:#c22a24;border-color:#c22a24}.pc-start:hover i{background:#fff}.pc-gate-note{margin:0;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f3f1ec8c}.pc-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#fff;opacity:0;pointer-events:none}.pc-skip{position:absolute;bottom:34px;right:42px;z-index:9;background:none;border:1px solid rgba(243,241,236,.28);border-radius:999px;padding:13px 22px;color:#f3f1ecb3;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:color .25s,border-color .25s}.pc-skip:hover{color:#f3f1ec;border-color:#c22a24}.pc-page.intro .pc-header,.pc-page.intro .pc-rail,.pc-page.intro .pc-beat .pc-beat-inner{opacity:0}.pc-header,.pc-rail{transition:opacity .8s ease .3s}.pc-page :is(a,button):focus-visible{outline:2px solid #e0483f;outline-offset:3px;border-radius:4px}.pc-page :is(a,button):focus:not(:focus-visible){outline:none}.pc-header{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:26px 42px}.pc-wordmark{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.42em;color:#f3f1ec;text-decoration:none}.pc-header-cta{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f3f1ec;text-decoration:none;padding:13px 20px;border:1px solid rgba(243,241,236,.28);border-radius:999px;transition:background .25s,color .25s,border-color .25s}.pc-header-cta:hover{background:#c22a24;border-color:#c22a24}.pc-rail{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:18px;align-items:flex-end}.pc-rail-track{position:absolute;right:5px;top:-14px;bottom:-14px;width:1px;background:#f3f1ec24}.pc-rail-fill{width:100%;height:100%;background:#c22a24;transform:scaleY(0);transform-origin:top}.pc-rail-dot{position:relative;z-index:1;display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;padding:8px 2px 8px 8px;margin:-8px -2px -8px -8px;color:#f3f1ec99;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.pc-rail-dot:after{content:"";width:11px;height:11px;border-radius:50%;border:1px solid rgba(243,241,236,.4);background:#07080b;transition:background .25s,border-color .25s,transform .25s}.pc-rail-dot span{opacity:0;transform:translate(6px);transition:opacity .25s,transform .25s}.pc-rail-dot:hover span,.pc-rail-dot.active span{opacity:1;transform:translate(0)}.pc-rail-dot.active{color:#f3f1ec}.pc-rail-dot.active:after{background:#c22a24;border-color:#c22a24;transform:scale(1.25)}.pc-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .5s ease}.pc-labels.on{opacity:1}.pc-labels-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pc-labels-svg line{stroke:#f3f1ec61;stroke-width:1;stroke-dasharray:3 4}.pc-labels-svg circle{fill:#e0483f}.pc-partlabel{position:absolute;transform:translate(-50%,-50%);padding:7px 12px;background:#07080b99;border:1px solid rgba(243,241,236,.2);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f3f1ece0;white-space:nowrap}.pc-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow-y:auto;scrollbar-width:none;scroll-behavior:auto}.pc-scroll::-webkit-scrollbar{display:none}.pc-beat{min-height:100vh;display:flex;align-items:center;padding:0 8vw;pointer-events:none}.pc-beat-right{justify-content:flex-end;text-align:right}.pc-beat-center{justify-content:center;text-align:center}.pc-beat-builds{justify-content:flex-end;align-items:center;text-align:right}.pc-beat-hero,.pc-beat-finale{align-items:flex-end;padding-bottom:11vh}.pc-beat-inner{max-width:620px;opacity:.14;transform:translateY(34px);transition:opacity .6s ease,transform .6s ease}.pc-beat.active .pc-beat-inner{opacity:1;transform:translateY(0)}.pc-beat h1,.pc-beat h2{margin:0;font-family:Barlow Condensed,sans-serif;font-weight:800;text-transform:uppercase;line-height:.88;letter-spacing:.01em}.pc-beat h1{font-size:clamp(4.2rem,12vw,11rem)}.pc-beat h2{font-size:clamp(3rem,8vw,7rem)}.pc-copy{margin:22px 0 0;font-size:16px;line-height:1.7;color:#f3f1eccc;max-width:44ch}.pc-beat-right .pc-copy,.pc-beat-builds .pc-copy{margin-left:auto}.pc-beat-center .pc-copy{margin-left:auto;margin-right:auto}.pc-specs{display:flex;gap:34px;margin-top:40px;flex-wrap:wrap}.pc-specs span{font-size:10px;font-weight:700;letter-spacing:.26em;color:#f3f1ecad}.pc-specs strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:34px;font-weight:700;letter-spacing:.04em;color:#f3f1ec}.pc-scroll-cue{display:flex;align-items:center;gap:12px;margin-top:52px;font-size:10px;font-weight:700;letter-spacing:.34em;color:#f3f1ec99}.pc-scroll-cue i{width:1px;height:44px;background:linear-gradient(#c22a24,transparent);animation:pc-cue 1.6s ease-in-out infinite}@keyframes pc-cue{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.pc-buildsteps{display:flex;flex-direction:column;gap:14px;margin-top:34px;align-items:flex-end}.pc-buildstep{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-right:2px solid rgba(243,241,236,.16);opacity:.45;transition:opacity .35s,border-color .35s,transform .35s}.pc-buildstep strong{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1}.pc-buildstep small{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f3f1ecb8}.pc-buildstep.active{opacity:1;border-color:#c22a24;transform:translate(-8px)}.pc-builds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:34px;pointer-events:auto}.pc-build{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px 13px;background:#f3f1ec0a;border:1px solid rgba(243,241,236,.12);border-radius:2px;color:#f3f1ec;text-align:left;cursor:pointer;transition:background .25s,border-color .25s,color .25s}.pc-build-swatch{display:block;width:22px;height:3px;margin-bottom:9px}.pc-build-name{font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1}.pc-build-sub{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f3f1ec8c}.pc-build:hover{border-color:#f3f1ec73}.pc-build.selected{background:#f3f1ec;border-color:#f3f1ec;color:#07080b}.pc-build.selected .pc-build-sub{color:#07080b99}.pc-cta{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:18px 34px;background:#c22a24;border-radius:999px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;pointer-events:auto;transition:transform .25s,box-shadow .25s}.pc-cta:hover{transform:translateY(-2px);box-shadow:0 14px 44px #c22a2473}.pc-cta span{transition:transform .25s}.pc-cta:hover span{transform:translate(6px)}.pc-cta-note{margin:16px 0 0;font-size:12px;letter-spacing:.1em;color:#f3f1ec99}.pc-credit{margin:28px 0 0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#f3f1ec80;pointer-events:auto}.pc-credit a{color:#f3f1eccc;text-decoration:none;border-bottom:1px solid rgba(224,72,63,.6);transition:color .25s,border-color .25s}.pc-credit a:hover{color:#fff;border-color:#e0483f}.pc-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:18px;background:#07080b;font-size:13px;letter-spacing:.12em;color:#f3f1ecb8}.pc-loader{display:inline-block;width:46px;height:46px;border-radius:50%;border:2px solid rgba(243,241,236,.15);border-top-color:#c22a24;animation:pc-spin .9s linear infinite}@keyframes pc-spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.pc-header{padding:18px 22px}.pc-wordmark{font-size:13px;letter-spacing:.28em}.pc-header-cta{padding:10px 14px;letter-spacing:.14em}.pc-skip{right:22px;bottom:24px}.pc-rail,.pc-partlabel,.pc-labels-svg{display:none}.pc-beat{padding:0 7vw 14vh;align-items:flex-end;justify-content:flex-start;text-align:left}.pc-beat-right,.pc-beat-builds,.pc-beat-center{justify-content:flex-start;text-align:left}.pc-beat-right .pc-copy,.pc-beat-builds .pc-copy,.pc-beat-center .pc-copy{margin-left:0;margin-right:0}.pc-beat-inner{max-width:100%}.pc-beat-hero,.pc-beat-finale{padding-bottom:14vh}.pc-beat-builds h2{font-size:2.6rem}.pc-specs{gap:22px}.pc-buildsteps{align-items:stretch}.pc-buildstep{border-right:0;border-left:2px solid rgba(243,241,236,.16);flex-direction:row;align-items:baseline;gap:12px}.pc-buildstep.active{transform:translate(8px)}.pc-buildstep.active{border-color:#c22a24}.pc-gate{padding:0 7vw 12vh}.pc-gate-row{gap:18px}}@media (prefers-reduced-motion: reduce){.pc-scroll-cue i,.pc-loader{animation:none}.pc-beat-inner{transition:none}}:root{color:#171616;background:#f3f3f1;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.route-page{display:grid;width:100%;min-height:100%;padding:40px;background:radial-gradient(circle at 75% 30%,rgba(166,34,32,.12),transparent 32%),#f3f3f1;place-items:center}.route-card{width:min(680px,100%)}.route-eyebrow{margin:0 0 16px;color:#a62220;font-size:11px;font-weight:800;letter-spacing:.2em}.route-card h1{margin:0;font-size:clamp(60px,10vw,130px);line-height:.82}.route-card>p:not(.route-eyebrow){max-width:440px;margin:30px 0;color:#6e6761;font-size:16px;line-height:1.6}.route-link{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border-radius:4px;background:#a62220;color:#fff;font-size:12px;font-weight:750;text-decoration:none}.route-link span{font-size:18px}.not-found .route-card{text-align:center}.not-found .route-card>p:not(.route-eyebrow){margin-right:auto;margin-left:auto}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 51% 38%,#ffffffe6 0,#ffffffe6 22%,#f2f1ee33 60%),#f3f3f1}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host canvas{display:block;width:100%;height:100%;cursor:grab}.canvas-host canvas:active{cursor:grabbing}.app-shell.pan-active .canvas-host canvas{cursor:move}.topbar{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 34px;pointer-events:none}.eyebrow,.label,.status,footer{color:#716b66;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1{margin:5px 0 0;font-family:Barlow Condensed,Manrope,sans-serif;font-size:clamp(30px,4vw,58px);font-weight:700;letter-spacing:-.025em;line-height:.9;text-transform:uppercase}.status{display:flex;align-items:center;gap:8px;padding-top:4px}.status span{width:7px;height:7px;border-radius:50%;background:#aa8d7d}.status.ready span{background:#a62220;box-shadow:0 0 0 4px #a622201a}.model-state{position:absolute;z-index:8;top:50%;left:50%;width:min(430px,calc(100vw - 40px));padding:25px;border:1px solid rgba(38,34,31,.15);border-radius:6px;background:#f7f6f2f5;box-shadow:0 18px 50px #28231f26;text-align:center;transform:translate(-50%,-50%)}.model-state h2{margin:7px 0 10px;font-family:Barlow Condensed,Manrope,sans-serif;font-size:30px;line-height:1}.model-state>p:not(.label){margin:0 auto 18px;color:#67605a;font-size:12px;line-height:1.55}.model-state button{min-height:40px;padding:0 18px;border:0;border-radius:4px;background:#a62220;color:#fff;font-size:11px;font-weight:750;cursor:pointer}.loading-wheel{display:block;width:42px;height:42px;margin:0 auto 15px;border:3px solid rgba(166,34,32,.16);border-top-color:#a62220;border-radius:50%;animation:loadingWheel .8s linear infinite}@keyframes loadingWheel{to{transform:rotate(360deg)}}.gesture-hint{position:absolute;z-index:2;top:92px;left:34px;display:none;color:#69625c;font-size:10px;font-weight:650}.info-panel{position:absolute;z-index:2;right:32px;top:102px;width:min(250px,calc(100vw - 64px));padding:16px 17px;border:1px solid rgba(38,34,31,.12);background:#f9f8f5b8;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);pointer-events:none}.info-panel .label{margin:0 0 8px}.info-panel strong{display:block;font-size:18px;text-transform:capitalize}.info-panel p:last-child{margin:10px 0 0;color:#66605b;font-size:12px;line-height:1.55}.config-toggle{position:absolute;z-index:5;top:105px;right:32px;display:flex;align-items:center;gap:9px;height:38px;padding:0 15px;border:1px solid rgba(30,27,25,.16);border-radius:999px;background:#faf9f6e0;color:#292522;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #28231f14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:right .26s ease,background .16s ease}.config-toggle.open{right:382px}.config-dot{width:13px;height:13px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #19161438}.config-panel{position:absolute;z-index:4;top:18px;right:18px;bottom:18px;display:flex;flex-direction:column;width:344px;overflow:hidden;border:1px solid rgba(35,31,28,.13);border-radius:10px;background:#f7f6f2eb;box-shadow:0 20px 60px #28231f21;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.config-panel.open{transform:translate(0);opacity:1;pointer-events:auto}.config-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 17px;border-bottom:1px solid rgba(37,33,30,.1)}.config-heading p{margin:0 0 4px}.config-heading h2{margin:0;font-size:29px;letter-spacing:-.04em}.config-heading>button{display:grid;width:32px;height:32px;padding:0;border:1px solid rgba(35,31,28,.13);border-radius:50%;background:transparent;color:#4f4944;font-size:22px;line-height:1;place-items:center;cursor:pointer}.config-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 12px;border-bottom:1px solid rgba(37,33,30,.1);background:#e7e4dea8}.config-tabs button{height:34px;border:0;border-radius:3px;background:transparent;color:#776f68;font-size:10px;font-weight:750;text-transform:capitalize;cursor:pointer}.config-tabs button.selected{background:#fff;color:#26211e;box-shadow:0 2px 8px #26211d1a}.config-scroll{overflow-y:auto;padding:0 22px 18px;scrollbar-width:thin;scrollbar-color:rgba(60,53,48,.25) transparent}.build-hint{margin:14px 2px 0}.config-section{padding:19px 0 21px;border-bottom:1px solid rgba(37,33,30,.09)}.config-section.compact{border-bottom:0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.section-heading h3{margin:0;font-size:14px;font-weight:750}.section-heading span{color:#847c75;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.build-presets{display:grid;gap:7px}.build-preset{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:7px 10px;border:1px solid rgba(36,32,29,.12);border-radius:5px;background:#ffffff8f;color:#302b28;text-align:left;cursor:pointer}.build-preset.selected{border-color:#a62220;box-shadow:inset 3px 0 #a62220}.preset-colors{display:flex;flex:0 0 auto}.preset-colors i{width:20px;height:30px;border:1px solid rgba(255,255,255,.8);border-radius:3px;margin-left:-5px;box-shadow:0 1px 4px #0000001f}.preset-colors i:first-child{margin-left:0}.build-preset>span:last-child{min-width:0}.build-preset strong,.build-preset small{display:block}.build-preset strong{font-size:11px}.build-preset small{color:#81786f;font-size:9px;margin-top:2px}.option-grid{display:grid;gap:6px;margin-bottom:10px}.camera-grid{grid-template-columns:repeat(3,1fr)}.lighting-grid{grid-template-columns:repeat(4,1fr)}.option-grid button{min-height:34px;padding:6px;border:1px solid rgba(36,32,29,.12);border-radius:4px;background:#ffffff8c;color:#5d554e;font-size:9px;font-weight:750;text-transform:capitalize;cursor:pointer}.option-grid button.selected{border-color:#a62220;background:#fff;color:#a62220}.lighting-preview{display:block;width:22px;height:22px;margin:0 auto 4px;border-radius:50%}.lighting-preview.studio{background:linear-gradient(135deg,#fff,#bfcbd8)}.lighting-preview.dark{background:linear-gradient(135deg,#080b11,#39578c)}.lighting-preview.sunset{background:linear-gradient(135deg,#ffb36b,#622034)}.lighting-preview.soft{background:linear-gradient(135deg,#fff,#d4e2e7)}.config-section>.control{width:100%}.config-hint{margin:7px 2px 0;color:#857c74;font-size:9px;line-height:1.4}.nitro-section{position:relative;overflow:hidden}.nitro-section:before{position:absolute;right:-40px;bottom:-55px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(58,169,255,.15),transparent 66%);content:"";pointer-events:none}.nitro-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}.nitro-swatch{min-width:0;padding:0;border:0;background:transparent;color:#6c645d;cursor:pointer}.nitro-swatch i{--nitro-color: #3aa9ff;display:block;width:26px;height:26px;margin:0 auto 5px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:var(--nitro-color);box-shadow:0 0 0 1px #14141424,0 0 12px color-mix(in srgb,var(--nitro-color) 65%,transparent)}.nitro-swatch.selected i{box-shadow:0 0 0 2px #171616,0 0 18px var(--nitro-color)}.nitro-swatch small{display:block;overflow:hidden;font-size:9px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.fire-nitro{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:42px;overflow:hidden;border:1px solid #237dc0;border-radius:5px;background:linear-gradient(135deg,#123a57,#147fca);color:#fff;font-size:10px;font-weight:850;letter-spacing:.16em;cursor:pointer}.fire-nitro i{position:absolute;right:-12px;width:80px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22));transform:skew(-24deg)}.fire-nitro.firing{animation:nitroPulse .18s infinite alternate}.nitro-control{border-color:#298ed1;color:#126a9f}.nitro-control.firing{border-color:#52c8ff;background:#147fca;color:#fff;box-shadow:0 0 18px #3aa9ff8c}@keyframes nitroPulse{to{filter:brightness(1.35);box-shadow:0 0 18px #3aa9ff8c}}.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:13px}.metal-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.swatch{min-width:0;padding:0;border:0;background:transparent;color:#5c554f;text-align:center;cursor:pointer}.swatch>span{display:block;width:100%;aspect-ratio:1.3;margin-bottom:5px;border:2px solid rgba(255,255,255,.95);border-radius:5px;box-shadow:0 0 0 1px #221e1b2e,0 3px 9px #2d272317;transition:transform .15s ease,box-shadow .15s ease}.swatch:hover>span,.swatch.selected>span{transform:translateY(-2px);box-shadow:0 0 0 2px #a62220,0 5px 12px #2d272324}.swatch small{display:block;overflow:hidden;font-size:9px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 12px;padding:3px;border-radius:5px;background:#e8e5e0}.segmented button{height:29px;padding:0 8px;border:0;border-radius:3px;background:transparent;color:#746c65;font-size:9px;font-weight:750;text-transform:capitalize;cursor:pointer}.segmented button.selected{background:#fff;color:#26221f;box-shadow:0 1px 5px #26211d1f}.color-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.config-section.compact .color-row{grid-template-columns:repeat(3,minmax(0,1fr))}.color-field{display:block;min-width:0;color:#716a63;font-size:9px;font-weight:700}.color-field>span{display:block;margin-bottom:5px}.color-field>div{display:flex;align-items:center;height:35px;min-width:0;padding:4px 7px 4px 4px;border:1px solid rgba(36,32,29,.13);border-radius:4px;background:#ffffffa6}.color-field input{width:27px;height:27px;padding:0;border:0;background:transparent;cursor:pointer}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:3px}.color-field code{min-width:0;margin-left:6px;overflow:hidden;color:#4f4944;font-size:9px;text-overflow:ellipsis}.reset-config{flex:0 0 auto;height:44px;margin:0 22px 20px;border:1px solid #a62220;border-radius:5px;background:transparent;color:#92201e;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.reset-config:hover{background:#a62220;color:#fff}.controls{position:absolute;z-index:3;left:50%;bottom:44px;display:flex;align-items:center;gap:7px;max-width:calc(100vw - 40px);padding:8px;border:1px solid rgba(30,27,25,.13);border-radius:8px;background:#f8f7f4d1;box-shadow:0 10px 32px #28242117;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.control,.slider-control{height:36px;border:1px solid rgba(26,23,22,.13);border-radius:4px;background:#ffffffa6;color:#2a2624;font-size:11px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.control{padding:0 13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.control:hover,.control.active{border-color:#a62220;background:#a62220;color:#fff}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(20,90,168,.7);outline-offset:3px}.slider-control{display:flex;align-items:center;gap:9px;padding:0 11px}.slider-control input{width:82px;accent-color:#a62220}footer{position:absolute;right:28px;bottom:16px;left:28px;display:flex;justify-content:space-between;pointer-events:none}@media (max-width: 800px){.topbar{padding:20px}.status{display:none}.info-panel{top:78px;right:18px;width:205px}.info-panel p:last-child{display:none}.config-toggle,.config-toggle.open{top:80px;right:18px}.info-panel{display:none}.gesture-hint{top:82px;left:20px;display:block;max-width:calc(100vw - 130px)}.config-panel{top:auto;right:10px;bottom:104px;left:10px;width:auto;max-height:min(66vh,600px);transform:translateY(calc(100% + 120px))}.config-panel.open{transform:translateY(0)}.config-heading{padding:16px 18px 13px}.config-heading h2{font-size:24px}.config-scroll{padding:0 18px 15px}.config-section{padding:15px 0 17px}.reset-config{margin:0 18px 16px}.controls{bottom:34px;justify-content:center;flex-wrap:wrap;width:calc(100vw - 28px)}.control,.slider-control{flex:1 0 auto}footer{display:none}}