.design-lab,.studio-surface{--studio-bg:#181a1b;--studio-surface:#222426;--studio-raised:#2d2f30;--studio-line:#ffffff1b;--studio-text:#f7f5ef;--studio-muted:#b5b6b3;--studio-orange:#ff985c;--studio-ease:cubic-bezier(.23, 1, .32, 1);--studio-shadow:0 12px 36px #080b0f45;--accent:var(--studio-orange);--text:var(--studio-text);--muted:var(--studio-muted);color:var(--studio-text);font-variant-numeric:tabular-nums;scrollbar-color:#666968 transparent;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}.design-lab ::selection,.studio-surface ::selection{color:#211a16;background:#ff985c}.design-lab input,.studio-surface input,.studio-surface textarea{caret-color:var(--studio-orange)}:is(.design-lab :is(button,a,summary):focus-visible,.studio-surface :is(button,a,input,select,textarea):focus-visible){outline-offset:3px;outline:2px solid #ffb487}.design-lab :is(button,a,summary),.studio-surface :is(button,a){touch-action:manipulation}.design-lab button:disabled,.studio-surface button:disabled{opacity:.45;cursor:not-allowed}.design-lab .map-workspace{width:calc(100% - 96px);height:100dvh;margin-left:96px}.design-lab .studio-header{z-index:25;border-bottom:1px solid var(--studio-line);background:radial-gradient(60% 160%,#ff824c35 0%,#ff824c18 38%,#0000 82%),#131418;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;height:76px;padding:0 24px;display:grid;position:absolute;top:0;left:96px;right:0}.design-lab .studio-header .duepieghe-brand{grid-area:1/2;justify-self:center;gap:2px;min-height:44px}.design-lab .studio-header .brand-mark{width:41px;height:48px;margin:0;transform:rotate(-8deg)}.design-lab .studio-header .brand-word{letter-spacing:-.04em;color:var(--studio-text);font-size:31px}.design-lab .studio-header .beta{display:none}.design-lab .studio-title{grid-area:1/1;min-width:0;font-size:15px;font-weight:600;line-height:1.3}.design-lab .studio-title small{color:var(--studio-muted);margin-top:3px;font-size:12px;font-weight:400;display:block}.design-lab .studio-profile{text-align:left;border-radius:10px;grid-area:1/3;justify-self:end;gap:11px;min-width:44px;max-width:100%;min-height:44px;padding:4px 8px 4px 4px}.design-lab .studio-profile .avatar{color:#f3eacb;background:#363731;border:1px solid #78776e;flex:none;width:36px;height:36px;margin:0;font-size:13px}.design-lab .studio-profile b{font-size:13px;font-weight:600;display:block}.design-lab .studio-profile small{color:var(--studio-muted);font-size:12px;font-weight:400;display:block}.design-lab .studio-profile>svg{width:16px;color:var(--studio-muted)}.design-lab .studio-nav{z-index:28;background:var(--studio-bg);border-right:1px solid var(--studio-line);flex-direction:column;align-items:stretch;gap:7px;width:96px;padding:102px 10px 20px;display:flex;position:fixed;inset:0 auto 0 0}.design-lab .studio-nav-item,.design-lab .studio-more>summary{color:#b5b9b8;cursor:pointer;width:100%;min-height:66px;transition:color .16s ease, background-color .16s ease, transform .16s var(--studio-ease);background:0 0;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:7px;padding:10px 3px;font-size:12px;font-weight:500;line-height:1.2;list-style:none;display:flex;position:relative}.design-lab .studio-nav-item svg,.design-lab .studio-more>summary svg{stroke-width:1.7px;width:22px;height:22px}.design-lab .studio-nav-item.active,.design-lab .studio-nav-item[aria-current=page],.design-lab .studio-nav-item[aria-pressed=true],.design-lab .studio-more[open]>summary{color:#ffb182;background:#3b3029}.design-lab .studio-nav-item.active:before,.design-lab .studio-nav-item[aria-current=page]:before{content:"";background:var(--studio-orange);border-radius:0 2px 2px 0;width:2px;height:20px;position:absolute;top:23px;left:-10px}.design-lab .studio-nav-item .notification-dot{width:17px;height:17px;font-size:12px;top:6px;right:12px}.design-lab .studio-more{position:relative}.design-lab .studio-more>summary::-webkit-details-marker{display:none}.design-lab .studio-more-menu,.design-lab .studio-more>div{z-index:40;transform-origin:0 80%;width:252px;animation:studio-menu-in .18s var(--studio-ease);background:#252728;border-radius:14px;padding:8px;position:fixed;top:min(410px,100dvh - 380px);left:108px;box-shadow:0 12px 48px #070b1070}.design-lab .studio-more-menu button,.design-lab .studio-more>div button{text-align:left;color:#e8e8e2;border-radius:8px;justify-content:flex-start;gap:11px;width:100%;min-height:46px;padding:10px 12px;font-size:14px}.design-lab .studio-more-menu button svg,.design-lab .studio-more>div button svg{color:#b9beb9;width:19px;height:19px}.design-lab .studio-more-menu button span:last-child,.design-lab .studio-more>div button span:last-child{flex:1}.design-lab .studio-more-menu hr,.design-lab .studio-more>div hr{border:0;border-top:1px solid var(--studio-line);margin:7px 8px}.design-lab .studio-more-menu .on,.design-lab .studio-more>div .on{color:#ffb487;background:#ffffff05}.design-lab .region-search{z-index:15;width:400px;max-width:calc(100% - 250px);top:96px;left:24px;right:auto}.design-lab .region-search-input{min-height:52px;box-shadow:var(--studio-shadow);color:#303536;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f3ed;border:0;border-radius:12px;gap:12px;padding:0 8px 0 16px}.design-lab .region-search-input>svg{color:#686e6d;width:20px}.design-lab .region-search-input input{color:#242928;caret-color:#ae4c21;min-height:50px;font-size:15px}.design-lab .region-search-input button{color:#3e4945;border-radius:8px;width:40px;min-width:40px;height:44px}.design-lab .region-search-input:focus-within{outline-offset:3px;box-shadow:var(--studio-shadow);outline:2px solid #ffb487}.design-lab .region-suggestions{box-shadow:var(--studio-shadow);background:#242728;border:0;border-radius:12px;margin-top:10px;padding:8px}.design-lab .search-results-top{background:#242728;top:-8px}.design-lab .search-results-top>small{letter-spacing:0;font-size:12px}.design-lab .universal-results [role=option]{border-radius:8px;min-height:64px;padding:12px}.design-lab .universal-results [role=option] b{font-size:15px}.design-lab .universal-results [role=option] small{color:#b4bbb7;line-height:1.45}.design-lab .search-credit{color:#b6bbb6;padding:10px 12px 5px;line-height:1.5}.design-lab .live-pill{min-height:48px;box-shadow:var(--studio-shadow);color:#c5cbc4;-webkit-backdrop-filter:none;backdrop-filter:none;background:#242729;border:0;border-radius:12px;gap:8px;padding:12px 16px;font-size:13px;top:96px;right:24px}.design-lab .live-pill b{color:#f7f5ef}.design-lab .live-dot{box-shadow:none;background:#a0c5a0;width:7px;height:7px}.design-lab .light-control{gap:0;top:158px;right:24px}.design-lab .light-control button{color:#d5d9d2;min-height:44px;box-shadow:var(--studio-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;background:#242729;border:0;border-radius:10px;padding:10px 13px;font-size:12px}.design-lab .light-control small{display:none}.design-lab .map-tools,.design-lab.guiding .map-tools{z-index:6;box-shadow:var(--studio-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;background:#242729;border:0;border-radius:12px;flex-direction:column;gap:0;padding:4px;top:222px;bottom:auto;right:24px;transform:none}.design-lab .map-tools button{color:#e8ece6;border-radius:8px;width:44px;height:44px}.design-lab .map-tools>span{background:#ffffff17;width:auto;height:1px;margin:3px 8px}.design-lab .map-modes,.design-lab.guiding .map-modes{box-shadow:var(--studio-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;background:#242729;border:0;border-radius:12px;gap:3px;padding:4px;inset:auto 24px 28px auto}.design-lab .map-modes button{color:#c3c9c2;border-radius:8px;min-height:40px;padding:9px 12px;font-size:13px}.design-lab .map-modes .active{color:#262c29;box-shadow:none;background:#f0eee5}.design-lab .map-modes>span{margin:7px 3px}.design-lab .road-report-launcher{color:#e6e9e1;width:auto;min-height:46px;box-shadow:var(--studio-shadow);background:#242729;border:0;border-radius:12px;gap:9px;padding:11px 15px;bottom:96px;right:24px}.design-lab .road-report-launcher>span{display:inline}.design-lab .road-report-launcher b{color:#30271e;background:#f0d8b5;position:static}.design-lab .voice-live-pill{color:#ffc298;background:#362c25;border:1px solid #bd896444;min-height:44px;padding:10px 13px;font-size:12px;bottom:156px;right:24px}.design-lab .map-instruction{color:#eceee7;text-shadow:none;background:#242729db;border-radius:7px;padding:7px 10px;font-size:12px;bottom:29px;left:24px}.design-lab .sat-note{color:#f2f2e8;font-size:12px;bottom:62px;left:24px;right:auto}.design-lab .map-error{width:min(420px,100% - 48px);top:164px;left:50%;transform:translate(-50%)}.design-lab .leaflet-control-attribution,.design-lab .maplibregl-ctrl-attrib{font-size:12px}.design-lab .route-panel{width:400px;max-width:calc(100% - 250px);height:auto;max-height:none;box-shadow:var(--studio-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10;animation:studio-panel-in .22s var(--studio-ease);background:#222526;border:0;border-radius:14px;display:flex;inset:164px auto 96px 24px;overflow:hidden}.design-lab .route-panel.mobile-hidden{display:none}.design-lab .route-panel-mobile-heading{background:#222526;border:0;padding:18px 18px 13px 22px}.design-lab .route-panel-mobile-heading b{color:#f7f5ef;letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:1.25}.design-lab .route-panel-mobile-heading small{color:#b5bcb5;margin-top:5px;font-size:12px}.design-lab .route-panel-mobile-heading .iconbutton{color:#c4cbc4;background:#ffffff07;border:0;border-radius:10px;width:44px;min-width:44px;height:44px}.design-lab .difficulty-filters{gap:5px;margin:4px 20px 11px}.design-lab .difficulty-filters button{color:#c9cec6;background:#292d2d;border:1px solid #ffffff1c;border-radius:8px;min-height:44px;padding:8px 5px;font-size:12px}.design-lab .discovery-filters{gap:6px;margin:0 20px 17px}.design-lab .discovery-filters button{color:#c3c9c2;background:0 0;border-color:#ffffff19;border-radius:7px;min-height:44px;padding:8px;font-size:12px}.design-lab .discovery-filters button.selected{color:#ffd1ac;background:#3c332c;border-color:#c4a081}.design-lab .list-heading{color:#d5d9d1;border-color:#ffffff14;padding:0 22px 12px;font-size:12px}.design-lab .list-heading span+span{color:#aeb6ad;font-size:12px}.design-lab .route-list{overscroll-behavior:contain;flex:1;min-height:0;padding:2px 11px 14px;overflow-y:auto}.design-lab .route-card{background:0 0;border:0;border-bottom:1px solid #ffffff0b;border-radius:9px;margin:0;padding:18px 11px;transition:background-color .16s}.design-lab .route-card h2{letter-spacing:-.015em;font-size:18px;font-weight:600;line-height:1.3}.design-lab .route-card .card-top{margin-bottom:9px}.design-lab .route-card .route-index{color:#a6aea5}.design-lab .route-card .recommended{color:#c8c1ad}.design-lab .route-card .card-stats{color:#d1d6cc;gap:12px;margin-top:14px;font-size:12px}.design-lab .legend-footer{color:#b9c1b7;background:#1d2122;border-color:#ffffff0d;min-height:46px;padding:12px 21px;font-size:12px}.design-lab .floating-route{width:min(620px,100% - 240px);max-width:none;box-shadow:var(--studio-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;animation:studio-selection-in .2s var(--studio-ease);background:#222526;border:0;border-radius:14px;gap:16px;padding:17px 18px;bottom:110px;left:50%;right:auto;transform:translate(-50%)}.design-lab .floating-title>span{letter-spacing:0;text-transform:none;color:#b2bab0;font-size:12px}.design-lab .floating-title h2{letter-spacing:-.015em;margin:3px 0 7px;font-size:18px;line-height:1.3}.design-lab .floating-title p{color:#c2cabd;font-size:12px}.design-lab .route-mini-icon{color:#d8dccb;background:#33382f;border:0;border-radius:9px;width:42px;height:48px}.design-lab .floating-route .dismiss-route{width:44px;min-width:44px;height:44px;padding:10px}.design-lab .primary,.studio-surface .primary{color:#2c1c14;min-height:44px;box-shadow:none;transition:background-color .16s ease, transform .16s var(--studio-ease);background:#ff985c;border:0;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.4}.design-lab .secondary,.studio-surface .secondary{color:#ecefe6;min-height:44px;box-shadow:none;background:#2b2f30;border:1px solid #ffffff2b;border-radius:10px;padding:11px 15px;font-size:14px}.design-lab .primary:active,.studio-surface .primary:active,.design-lab .studio-nav-item:active,.design-lab .studio-more>summary:active{transform:scale(.97)}:root[data-studio-input=keyboard] .design-lab :is(.primary,.studio-nav-item,.studio-more>summary):active{transform:none}.studio-surface[data-slot=sheet-content].detail-drawer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#222526;border:0;border-radius:16px;width:420px;max-width:calc(100vw - 128px);height:auto;padding:24px;animation:.23s cubic-bezier(.32,.72,0,1) studio-drawer-in;position:fixed;inset:88px 16px 16px auto;box-shadow:0 18px 64px #080b0f66}.studio-surface[data-slot=sheet-content].detail-drawer>.drawer-top{background:#222526;border-bottom:1px solid #ffffff14;margin:-24px -24px 22px;padding:14px 18px 14px 24px;top:-24px}.studio-surface .drawer-top .eyebrow{letter-spacing:0;color:#bfc6bc;font-size:13px;font-weight:500}.studio-surface .drawer-top .iconbutton{color:#d7dbd2;background:#ffffff08;border:0;border-radius:10px;width:44px;height:44px}.studio-surface .drawer-heading{letter-spacing:-.025em;text-wrap:balance;font-size:29px;font-weight:600;line-height:1.2}.studio-surface h3{letter-spacing:-.015em}.studio-surface .description{color:#c1c8bc;font-size:15px;line-height:1.65}.studio-surface .muted{color:#b7bfb2;font-size:14px;line-height:1.55}.studio-surface .fineprint{color:#abb6a8;font-size:12px;line-height:1.6}.studio-surface .field{color:#d0d7c9;gap:8px;margin-top:20px;font-size:13px}.studio-surface :is(.field input,.field select,.field textarea,.choice-trigger,.native-choice .choice-trigger,.join-form input){color:#eef0e6;background:#2b3030;border:1px solid #ffffff25;border-radius:9px;min-height:48px;font-size:16px}.studio-surface .native-choice>svg{color:#c6cfbe}.studio-surface .iconbutton,.studio-surface .small-accept,.studio-surface .chat-input button{min-width:44px;min-height:44px}.studio-surface .chat-tabs,.studio-surface .social-tabs{background:#191e20;border-radius:10px;padding:4px}.studio-surface .chat-tabs button,.studio-surface .social-tabs button{border-radius:7px;min-height:44px;font-size:13px}.studio-surface .chat-tabs button[data-state=active],.studio-surface .chat-tabs button.active,.studio-surface .social-tabs button.active{color:#283027;background:#e9ebe0}.studio-surface .empty-state{border-color:#66715f;border-radius:12px}.studio-surface .empty-state p{color:#b6c1ad}.studio-surface .detail-metrics{border-color:#ffffff18}.studio-surface .detail-metrics b{color:#f0f2e6;font-size:21px}.studio-surface .detail-metrics span{color:#b6c0ae;font-size:12px}.studio-surface .stops{border-color:#ffffff24;border-radius:12px}.studio-surface .stops button{border-color:#ffffff14;min-height:72px}.studio-surface .source-link{color:#d2dccb;text-underline-offset:4px}.studio-surface[data-slot=dialog-content].garage-modal{width:min(560px,100vw - 40px);max-width:560px;height:fit-content;max-height:calc(100dvh - 40px);animation:studio-garage-in .18s var(--studio-ease);background:#222526;border:0;border-radius:24px;margin:auto;position:fixed;inset:20px;transform:none;box-shadow:0 22px 90px #070b1080}.studio-surface .garage-modal-scroll{max-height:calc(100dvh - 40px);padding:0 28px 28px}.studio-surface .garage-modal-scroll>.drawer-top{background:#222526;border-bottom:1px solid #ffffff14;margin:0 -28px 22px;padding:14px 18px 14px 28px}.studio-surface .brand-bike img{filter:none}body:has(.design-lab) :is([data-slot=sheet-overlay],[data-slot=dialog-overlay]){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a11164d}.design-lab .navigation-hud{width:min(610px,100% - 230px);box-shadow:var(--studio-shadow);background:#222c30;border:0;border-radius:16px;top:auto;bottom:96px;left:50%;transform:translate(-50%)}.design-lab .nav-next{padding:20px 62px 20px 20px}.design-lab .nav-close{background:#ffffff0c;border-radius:10px;width:44px;height:44px;top:10px;right:10px}.design-lab .nav-driving-actions button{min-height:44px}.design-lab .nav-next-copy strong{font-size:21px;line-height:1.35}.design-lab .road-alert{max-width:min(450px,100% - 360px);top:158px}.design-lab .report-pick-hint{max-width:calc(100% - 250px);top:98px}@media (hover:hover) and (pointer:fine){.design-lab .studio-nav-item:hover,.design-lab .studio-more>summary:hover,.design-lab .studio-profile:hover{color:#fbfaf4;background:#ffffff08}.design-lab .studio-nav-item.active:hover{color:#ffd2b5;background:#49392c}.design-lab .studio-more>div button:hover,.design-lab .map-tools button:hover,.design-lab .route-card:hover{color:#fbfaf4;background:#ffffff0a}.design-lab .primary:hover,.studio-surface .primary:hover{box-shadow:none;background:#ffae7c}.design-lab .secondary:hover,.studio-surface .secondary:hover{background:#373d3b;border-color:#ffffff46}.design-lab .region-search-input button:hover{background:#252c2110}}@media (max-width:900px){.design-lab .studio-header{gap:12px;height:64px;padding:0 16px;left:0}.design-lab .studio-header .brand-mark{width:34px;height:42px}.design-lab .studio-header .brand-word{font-size:27px}.design-lab .studio-title{display:none}.design-lab .studio-profile{gap:0;min-width:44px;padding:4px}.design-lab .studio-profile>:not(.avatar){display:none}.design-lab .studio-profile .avatar{width:34px;height:34px}.design-lab .studio-nav{width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--studio-line);flex-direction:row;align-items:flex-start;gap:1px;top:auto;bottom:0;right:0}.design-lab .studio-nav-item,.design-lab .studio-more{flex:1 1 0;width:auto;min-width:0}.design-lab .studio-nav-item,.design-lab .studio-more>summary{border-radius:10px;gap:5px;height:61px;min-height:61px;padding:8px 1px;font-size:12px}.design-lab .studio-nav-item svg,.design-lab .studio-more>summary svg{width:21px;height:21px}.design-lab .studio-nav-item.active:before,.design-lab .studio-nav-item[aria-current=page]:before{display:none}.design-lab .studio-more-menu,.design-lab .studio-more>div{top:auto;left:auto;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));transform-origin:100% 100%;width:260px;max-height:calc(100dvh - 172px);overflow-y:auto}.design-lab .map-workspace{width:100%;height:calc(100dvh - 136px - env(safe-area-inset-bottom));margin-top:64px;margin-left:0}.design-lab .region-search{width:auto;max-width:none;top:12px;left:12px;right:12px}.design-lab .region-search-input{border-radius:12px;min-height:52px}.design-lab .region-search-input input{font-size:16px}.design-lab .live-pill{border-radius:10px;min-height:44px;padding:10px 12px;font-size:12px;top:78px;right:12px}.design-lab .light-control{top:134px;right:12px}.design-lab .light-control button{gap:0;width:48px;height:44px;padding:10px;font-size:0}.design-lab .light-control button svg{width:20px;height:20px}.design-lab .map-tools,.design-lab.guiding .map-tools{padding:2px;top:192px;bottom:auto;right:12px;transform:none}.design-lab .map-tools button{width:44px;height:44px}.design-lab .map-tools>span{margin:1px 8px}.design-lab .map-modes,.design-lab.guiding .map-modes{gap:2px;padding:3px;inset:auto auto 18px 12px}.design-lab .map-modes button{min-height:42px;padding:8px 9px;font-size:12px}.design-lab .map-modes>span{margin:7px 1px}.design-lab .road-report-launcher{width:48px;height:48px;padding:12px;bottom:18px;right:12px}.design-lab .road-report-launcher>span{display:none}.design-lab .road-report-launcher b{position:absolute;top:-5px;right:-4px}.design-lab .voice-live-pill{font-size:12px;bottom:78px;right:12px}.design-lab .map-instruction,.design-lab .sat-note{display:none}.design-lab .route-panel{border-radius:16px;width:auto;max-width:none;height:min(590px,100% - 80px);max-height:calc(100% - 80px);animation-name:studio-sheet-in;inset:auto 12px 12px;overflow:hidden}.design-lab .route-panel-mobile-heading{padding:15px 15px 11px 19px}.design-lab .route-panel-mobile-heading b{font-size:19px}.design-lab .route-panel .difficulty-filters{margin:3px 16px 10px}.design-lab .route-panel .difficulty-filters button{min-height:44px;font-size:12px}.design-lab .route-panel .discovery-filters{gap:5px;margin:0 16px 14px}.design-lab .route-panel .discovery-filters button{min-height:44px;padding:8px 6px;font-size:12px}.design-lab .route-panel .route-list{flex:1;min-height:0;display:block;overflow-y:auto}.design-lab .route-card h2{font-size:17px}.design-lab .route-card .card-stats{flex-wrap:wrap;gap:10px}.design-lab .route-panel .legend-footer{font-size:12px}.design-lab .floating-route{gap:8px;width:auto;padding:15px 12px 15px 16px;animation-name:studio-sheet-in;bottom:80px;left:12px;right:12px;transform:none}.design-lab .floating-route .route-mini-icon{display:none}.design-lab .floating-title h2{font-size:16px}.design-lab .floating-title p{flex-wrap:wrap;gap:4px;font-size:12px}.design-lab .floating-route .primary{white-space:nowrap;padding:11px;font-size:12px}.design-lab .floating-route .dismiss-route{width:36px;min-width:36px;height:44px;padding:8px}.design-lab .navigation-hud,.design-lab.guiding .navigation-hud{width:auto;max-height:calc(100% - 36px);inset:auto 12px 12px;transform:none}.design-lab.guiding .map-modes{top:12px;bottom:auto}.design-lab.guiding .map-tools{top:auto;bottom:276px}.design-lab.guiding .light-control{top:72px}.design-lab.guiding .live-pill{display:none}.design-lab .nav-next{gap:12px;padding:17px 61px 17px 16px}.design-lab .nav-next-copy strong{font-size:18px}.design-lab .nav-driving-actions{gap:4px;padding:8px 10px}.design-lab .nav-driving-actions button{gap:4px;padding:8px;font-size:12px}.design-lab .nav-driving-actions button span{font-size:12px}.design-lab .road-alert{max-width:calc(100% - 84px);padding:12px;top:76px;left:12px;transform:none}.design-lab .report-pick-hint{width:calc(100% - 24px);max-width:none;top:12px;left:12px;transform:none}.studio-surface[data-slot=sheet-content].detail-drawer{width:100%;max-width:none;height:min(85dvh,840px);padding:23px 24px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation-name:studio-sheet-in;inset:auto 0 0}.studio-surface[data-slot=sheet-content].detail-drawer>.drawer-top{margin:-23px -24px 22px;padding:14px 18px 14px 24px;top:-23px}.studio-surface[data-slot=dialog-content].garage-modal{width:calc(100vw - 24px);max-width:560px;max-height:calc(100dvh - 24px);inset:12px}.studio-surface .garage-modal-scroll{max-height:calc(100dvh - 24px);padding:0 23px 24px}.studio-surface .garage-modal-scroll>.drawer-top{margin:0 -23px 20px;padding:14px 16px 14px 23px}}@media (max-width:370px){.design-lab .studio-header{gap:6px;padding:0 10px}.design-lab .studio-header .brand-mark{width:28px;height:38px}.design-lab .studio-header .brand-word{font-size:25px}.design-lab .map-modes button{padding:8px 7px;font-size:12px}.design-lab .map-modes button svg{width:15px}.design-lab .floating-route{flex-wrap:wrap}.design-lab .floating-title{flex-basis:calc(100% - 56px)}.design-lab .floating-route .primary{order:3;width:100%}.design-lab .floating-route .dismiss-route{order:2}.studio-surface[data-slot=sheet-content].detail-drawer{padding-left:18px;padding-right:18px}.studio-surface[data-slot=sheet-content].detail-drawer>.drawer-top{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:12px}}@media (orientation:landscape) and (max-height:600px){.design-lab .studio-header{height:52px}.design-lab .studio-nav{gap:2px;padding-top:64px}.design-lab .studio-nav-item,.design-lab .studio-more>summary{gap:3px;min-height:48px;padding:5px 2px}.design-lab .region-search{width:380px;max-width:calc(100% - 235px);top:64px}.design-lab .live-pill{top:64px}.design-lab .light-control{top:126px}.design-lab .map-tools,.design-lab.guiding .map-tools{flex-direction:row;top:auto;bottom:16px;right:24px}.design-lab .map-tools>span{width:1px;height:22px;margin:11px 3px}.design-lab .map-modes,.design-lab.guiding .map-modes{inset:184px 24px auto auto}.design-lab .road-report-launcher{height:52px;bottom:16px;right:288px}.design-lab .road-report-launcher>span{display:none}.design-lab .route-panel{top:126px;bottom:18px}.design-lab .map-instruction{display:none}.design-lab .floating-route{width:calc(100% - 120px);bottom:80px;left:24px;transform:none}.design-lab .navigation-hud,.design-lab.guiding .navigation-hud{width:min(480px,100% - 270px);max-height:calc(100% - 140px);top:64px;bottom:auto;left:24px;overflow-y:auto;transform:none}.design-lab .road-alert{max-width:230px;padding:10px 12px;top:242px;left:auto;right:24px;transform:none}.studio-surface[data-slot=sheet-content].detail-drawer{top:64px;bottom:12px}}@media (orientation:landscape) and (max-height:600px) and (max-width:900px){.design-lab .studio-nav{height:calc(62px + env(safe-area-inset-bottom));padding:3px 8px calc(3px + env(safe-area-inset-bottom))}.design-lab .studio-nav-item,.design-lab .studio-more>summary{height:54px;min-height:54px;font-size:12px}.design-lab .map-workspace{height:calc(100dvh - 114px - env(safe-area-inset-bottom));margin-top:52px}.design-lab .region-search{width:auto;max-width:none;top:10px;left:12px;right:186px}.design-lab .region-search-input{min-height:46px}.design-lab .region-search-input input{min-height:44px;font-size:15px}.design-lab .live-pill{min-height:46px;top:10px;right:12px}.design-lab .light-control{top:68px;left:12px;right:auto}.design-lab .map-tools,.design-lab.guiding .map-tools{bottom:10px;right:12px}.design-lab .map-modes,.design-lab.guiding .map-modes{inset:68px 12px auto auto}.design-lab .road-report-launcher{bottom:10px;left:12px;right:auto}.design-lab .voice-live-pill{bottom:10px;left:74px;right:auto}.design-lab .route-panel{height:auto;max-height:none;top:10px;bottom:10px}.design-lab .route-panel-mobile-heading{padding:10px 14px 8px 18px}.design-lab .route-panel .route-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.design-lab .route-panel .difficulty-filters{margin-bottom:8px}.design-lab .route-panel .discovery-filters{margin-bottom:10px}.design-lab .floating-route{width:auto;padding:12px 15px;bottom:70px;left:12px;right:12px}.design-lab .navigation-hud,.design-lab.guiding .navigation-hud{width:min(450px,100% - 252px);max-height:calc(100% - 22px);top:10px;left:12px}.design-lab .nav-next{padding:12px 60px 12px 14px}.design-lab .nav-next-copy strong{font-size:17px}.design-lab .nav-progress{padding:9px 14px}.design-lab .nav-driving-actions{padding:7px}.design-lab.guiding .light-control{display:none}.studio-surface[data-slot=sheet-content].detail-drawer{border-radius:16px;width:min(480px,100% - 24px);height:auto;inset:12px 12px 12px auto}}@keyframes studio-panel-in{0%{opacity:.45;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes studio-drawer-in{0%{opacity:.5;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes studio-sheet-in{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-garage-in{0%{opacity:.3}to{opacity:1}}@keyframes studio-menu-in{0%{opacity:.3;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes studio-selection-in{0%{opacity:.4;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.design-lab *,.studio-surface,.studio-surface *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.design-lab .primary:active,.studio-surface .primary:active,.design-lab .studio-nav-item:active,.design-lab .studio-more>summary:active{transform:none}}.design-lab .studio-profile-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.design-lab .studio-status-dot{background:#ffae77;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:18px}.design-lab .studio-more-menu>a{color:#b9c2b3;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:5px 4px 0;padding:10px 8px;font-size:12px;display:flex}:root[data-studio-input=keyboard] .design-lab *,:root[data-studio-input=keyboard] .studio-surface,:root[data-studio-input=keyboard] .studio-surface *{transition:none!important;animation:none!important}@media (min-width:901px) and (max-width:1100px){.design-lab .studio-title{display:none}}@media (max-width:900px){.design-lab .floating-route{flex-wrap:wrap;right:72px}.design-lab .floating-title{flex-basis:calc(100% - 48px)}.design-lab .floating-route .primary{order:3;width:100%}.design-lab .floating-route .dismiss-route{order:2;width:44px;min-width:44px}.design-lab.guiding:has(.nav-road-cue) .map-tools{bottom:328px}}@media (orientation:portrait) and (max-width:900px) and (max-height:700px){.design-lab:not(.guiding) .light-control{top:78px;left:12px;right:auto}.design-lab:not(.guiding) .map-tools{flex-direction:row;top:auto;bottom:84px;right:12px}.design-lab:not(.guiding) .map-tools>span{width:1px;height:22px;margin:11px 3px}:is(.design-lab.guiding .map-tools,.design-lab.guiding:has(.nav-road-cue) .map-tools){flex-direction:row;top:72px;bottom:auto;right:12px}.design-lab.guiding .map-tools>span{width:1px;height:22px;margin:11px 3px}.design-lab.guiding .light-control{top:12px;left:auto;right:12px}}@media (orientation:landscape) and (max-height:600px) and (max-width:900px){.design-lab .floating-route{flex-wrap:nowrap;right:12px}.design-lab .floating-title{flex-basis:auto}.design-lab .floating-route .primary{order:0;width:auto}.design-lab .floating-route .dismiss-route{order:0}.design-lab.guiding:has(.nav-road-cue) .map-tools{top:auto;bottom:10px}.design-lab .road-alert{max-width:224px;top:125px;left:auto;right:12px}}.design-lab .studio-nav-badge{color:#292218;background:#ffb17c;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:2px 4px;font-size:12px;font-weight:600;line-height:1;display:grid;position:absolute;top:4px;right:7px}.design-lab .route-panel{opacity:1;transition:opacity .18s var(--studio-ease), transform .22s var(--studio-ease), display .22s allow-discrete;animation:none;transform:none}.design-lab .route-panel.mobile-hidden{opacity:0;transform:translate(-10px)}@starting-style{.design-lab .route-panel:not(.mobile-hidden){opacity:.4;transform:translate(-10px)}}@media (max-width:900px){.design-lab .route-panel.mobile-hidden{transform:translateY(12px)}@starting-style{.design-lab .route-panel:not(.mobile-hidden){opacity:.4;transform:translateY(12px)}}}@media (prefers-reduced-motion:reduce){.design-lab .route-panel{transition:none!important}}@media (orientation:portrait) and (max-width:900px) and (max-height:700px){.design-lab:has(.floating-route) .map-tools{top:132px;bottom:auto}.design-lab .floating-title h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (orientation:portrait) and (max-width:900px) and (max-height:550px){.design-lab .floating-route{flex-wrap:nowrap;gap:8px;padding:12px;right:12px}.design-lab .floating-title{flex:1;min-width:0}.design-lab .floating-title>span,.design-lab .floating-title p{display:none}.design-lab .floating-title h2{margin:0;font-size:15px}.design-lab .floating-route .primary{order:0;width:auto;padding:10px}.design-lab .floating-route .dismiss-route{order:0}}.design-lab,.studio-surface{--studio-bg:#18191c;--studio-surface:#24262a;--studio-raised:#303238;--studio-line:#ffffff18;--studio-muted:#b8bbc2;--studio-text:#f6f6f8;--studio-orange:#ff985c;--studio-shadow:0 8px 24px #08090c30, inset 0 1px 0 #ffffff0a;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.design-lab .studio-profile{border-radius:999px;margin-left:0}.design-lab .studio-profile .avatar{color:#f5f5f7;background:#34353b;border-color:#ffffff20}.design-lab .studio-nav-item,.design-lab .studio-more>summary{border-radius:20px;gap:5px;padding-top:8px;padding-bottom:8px}.design-lab .studio-nav-icon{color:#d9dbe2;background:#ffffff08;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;transition:background-color .16s,color .16s;display:grid;box-shadow:inset 0 1px #ffffff09}.design-lab .studio-nav-icon svg{stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.design-lab .studio-nav-item.active,.design-lab .studio-more[open]>summary{color:#ffad7b;background:#ff985c0e}.design-lab .studio-nav-item.active .studio-nav-icon,.design-lab .studio-more[open]>summary .studio-nav-icon{color:#2d1c13;background:#ff985c;box-shadow:inset 0 1px #ffffff45}.design-lab .studio-nav-item.active:before{display:none}.design-lab :is(.region-search-input,.region-suggestions,.studio-more-menu,.map-tools,.map-modes){border-radius:20px}.design-lab :is(.route-panel,.floating-route,.navigation-hud){border-radius:24px}.design-lab :is(.live-pill,.light-control button,.road-report-launcher){border-radius:999px}.design-lab :is(.map-tools,.map-modes,.studio-more-menu,.live-pill,.light-control button,.road-report-launcher){background-color:#25272b}.design-lab :is(.route-panel,.route-panel-mobile-heading,.floating-route){background:#222428}.design-lab :is(.map-tools button,.map-modes button){border-radius:16px}.design-lab .map-tools button svg{stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.design-lab :is(.primary,.secondary),.studio-surface :is(.primary,.secondary),.design-lab :is(.iconbutton,.dismiss-route,.nav-close),.studio-surface .iconbutton{border-radius:999px}.design-lab .route-card{border-radius:16px}.design-lab .studio-more-menu button{border-radius:14px}.design-lab .map-modes .active{color:#25272d;background:#f0f1f5}.design-lab .region-search-input{background:#f3f4f7}.design-lab .region-search-input input{color:#25272d}.design-lab .region-search-input input::placeholder{color:#676b75}.design-lab .region-search-input button{border-radius:50%}.studio-surface[data-slot=sheet-content].detail-drawer,.studio-surface[data-slot=dialog-content].garage-modal{background:#222428;border-radius:28px}.studio-surface :is(.drawer-top,.garage-modal-scroll>.drawer-top){background:#222428}.studio-surface :is(input,select,textarea){border-radius:14px}@media (max-width:900px){.design-lab .studio-nav-item,.design-lab .studio-more>summary{border-radius:18px;gap:3px;padding:5px 1px}.design-lab .studio-nav-icon{border-radius:10px;flex-basis:30px;width:30px;height:30px}.design-lab .studio-nav-icon svg{width:20px;height:20px}.studio-surface[data-slot=sheet-content].detail-drawer{border-radius:28px 28px 0 0}}@media (orientation:landscape) and (max-height:600px){.design-lab .studio-nav-icon{border-radius:9px;flex-basis:26px;width:26px;height:26px}.design-lab .studio-nav-icon svg{width:18px;height:18px}}@media (orientation:landscape) and (max-height:600px) and (min-width:901px){.design-lab .studio-nav{overflow-y:auto}.design-lab .studio-more{flex:none}.design-lab .studio-nav-item,.design-lab .studio-more>summary{gap:3px;min-height:48px;padding:4px 2px}.design-lab .studio-nav-icon{border-radius:8px;flex-basis:22px;width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.design-lab .studio-nav-icon{transition:none}}@media (orientation:landscape) and (max-height:600px){.design-lab .route-panel{overscroll-behavior:contain;overflow-y:auto}.design-lab .route-panel>*{flex-shrink:0}.design-lab .route-panel .route-list{flex:none;overflow:visible}.design-lab .route-panel .legend-footer{position:static}}.panel-loading{color:#b8bbc2;justify-content:center;align-items:center;gap:10px;padding:28px 16px;font-size:14px;display:flex}.plan-changed{color:#ffd0ae;background:#ff985c14;border-radius:16px;margin:18px 0;padding:14px 16px;font-size:14px;line-height:1.5}.design-lab .live-dot.stale{background:#9196a0}.design-lab,.studio-surface{--studio-gps:#87bcff;--studio-gps-ink:#17273e}.design-lab :is(.route-panel,.floating-route,.navigation-hud),.studio-surface[data-slot=sheet-content].detail-drawer,.studio-surface[data-slot=dialog-content].garage-modal{border:1px solid #ffffff15}.design-lab .route-list{padding:3px 11px 14px}.design-lab .route-card{border:1px solid #0000;border-bottom-color:#ffffff0b;border-radius:18px;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:13px 14px;margin-bottom:4px;padding:17px 12px;display:grid}.design-lab .route-card-copy{min-width:0}.design-lab .route-card .card-top{flex-wrap:wrap;gap:6px;margin-bottom:9px}.design-lab .route-card h2{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:17px;font-weight:650;line-height:1.3}.design-lab .route-card p{color:#b8bbc2;font-size:13px;line-height:1.45}.design-lab .route-card .recommended{color:#b8bbc2;font-size:11px}.design-lab .route-card .level-tag{border-radius:7px;min-height:25px;padding:4px 7px;font-size:11px}.design-lab .route-card-map{aspect-ratio:1;background:#191b20;border:1px solid #ffffff10;border-radius:18px;place-items:center;width:86px;padding:6px;display:grid;overflow:hidden}.design-lab .route-card-map .route-preview{width:100%;height:100%;display:block}.design-lab .route-card.chosen{background:#ff985c0c;border-color:#ff985c4a}.design-lab .route-card.chosen .route-card-map{background:#211f20;border-color:#ff985c35}.design-lab .route-card .card-stats{color:#e2e3e7;border-top:1px solid #ffffff0b;flex-wrap:wrap;grid-column:1/-1;gap:13px;margin-top:0;padding-top:11px;font-size:13px}.design-lab .route-card .card-stats svg{color:#959ba6}.design-lab .route-card .card-stats b{font-size:14px;font-weight:600}.design-lab .route-card .card-stats>svg{color:#b7beca;margin-left:auto}.design-lab .route-card.chosen .card-stats>svg{color:#ffad7b}.design-lab .list-heading{color:#e3e4e9}.design-lab .legend-footer{color:#b7bcc5;background:#1d1f24}.design-lab .floating-title p{color:#bdc1cb}.design-lab .floating-title>span{color:#adb4bf}.design-lab .route-mini-icon{color:#ffad7b;background:#ff985c12}.design-lab .navigation-hud{background:#21262f}.design-lab .maneuver-symbol{color:var(--studio-gps-ink);background:var(--studio-gps);border-radius:17px;box-shadow:inset 0 1px #ffffff38}.design-lab .nav-next-copy small{color:#a6cfff;letter-spacing:-.015em;font-weight:650}.design-lab .nav-next-copy strong{letter-spacing:-.025em}.design-lab .nav-progress{color:#b7c0cf;background:#ffffff03;border-top-color:#ffffff10}.design-lab .nav-progress b{color:#f2f5fa;font-weight:650}.design-lab .nav-driving-actions{border-top-color:#ffffff10}.design-lab .nav-driving-actions button{border-radius:12px}.design-lab .nav-driving-actions .following{color:#a6cfff;background:#87bcff12}.studio-surface .origin-choice{background:#191c22;border-color:#ffffff14;border-radius:16px}.studio-surface :is(.origin-choice>svg,.place-search form>svg,.nav-route-title>svg){color:var(--studio-gps)}.studio-surface .origin-choice button{min-height:44px}.studio-surface .place-search form{background:#1a1c22;border-color:#ffffff25;border-radius:16px}.studio-surface .place-search form:focus-within{border-color:#87bcff}.studio-surface .nav-route-card{background:#252b35;border-color:#87bcff35;border-radius:22px}.studio-surface .nav-route-title>div{min-width:0}.studio-surface .nav-route-title h3{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:22px;font-weight:650}.studio-surface .nav-summary{flex-wrap:wrap;gap:13px 23px}.studio-surface .nav-summary b{letter-spacing:-.025em;font-size:22px;font-weight:650}.studio-surface .nav-road-tags span{color:#c3cbd7;background:#ffffff03;border-color:#ffffff16;border-radius:8px}.studio-surface .nav-route-card .primary{background:var(--studio-gps);color:var(--studio-gps-ink)}.studio-surface .voice-settings{background:#1c1f25;border-color:#ffffff16;border-radius:18px}.studio-surface .garage-identity{align-items:center;gap:15px;padding:6px 0 9px;display:flex}.studio-surface .garage-bike-mark{background:#191b20;border:1px solid #ffffff15;border-radius:21px;flex:0 0 68px;place-items:center;width:68px;height:68px;display:grid}.studio-surface .garage-bike-mark svg{width:44px;height:44px}.studio-surface .garage-bike-name{min-width:0}.studio-surface .garage-bike-name small{color:#b8bbc2;margin-top:5px;font-size:12px;display:block}.studio-surface .garage-bike-name strong{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:650;line-height:1.2;display:block}.studio-surface .field{color:#d6d8df}.studio-surface .field span{color:#aeb4c0}.studio-surface :is(.field input,.field textarea,.native-choice .choice-trigger){color:#f1f2f6;background:#292c33;border-color:#ffffff20;border-radius:14px;font-size:16px}.studio-surface :is(.field input,.field textarea)::placeholder{color:#a8aeba}.studio-surface :is(.description,.muted,.fineprint){color:#b8bdc8}.studio-surface .privacy-row p{color:#b1b7c2;font-size:12px}.studio-surface .bike-visual{border-color:#ffffff18;border-radius:20px}.studio-surface .bike-caption{background:#292c33}.studio-surface .livery-controls{background:#1c1f25;border-color:#ffffff18;border-radius:18px}@media (hover:hover) and (pointer:fine){.design-lab .route-card:not(.chosen):hover{background:#ffffff05;border-color:#ffffff1b}.studio-surface .nav-route-card .primary:hover{background:#a4cdff}}@media (max-width:370px){.design-lab .route-card{grid-template-columns:minmax(0,1fr) 68px;gap:11px 10px;padding:14px 10px}.design-lab .route-card-map{border-radius:15px;width:68px;padding:3px}.design-lab .route-card .card-stats{gap:9px;font-size:12px}.studio-surface .form-row{grid-template-columns:minmax(0,1fr);gap:0}.studio-surface .garage-bike-name strong{font-size:22px}}@media (orientation:landscape) and (max-height:600px){.design-lab .route-card{grid-template-columns:minmax(0,1fr) 68px;gap:10px;padding:13px 10px}.design-lab .route-card-map{border-radius:15px;width:68px;padding:3px}.design-lab .route-card .card-stats{gap:9px;font-size:12px}.studio-surface .garage-identity{padding-top:0}}.design-lab .route-card-map{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:16px 16px}.route-preview.base{color:#6bb4ff}.route-preview.medio{color:#ff8589}.route-preview.pro{color:#c0c6d2}.route-preview.scenic{color:#75d6a8}.design-lab .level-tag.pro{color:#e1e4eb;background:#15171c;border-color:#ffffff25}.design-lab .difficulty-dot.pro{box-shadow:0 0 0 1px #9fa7b6}.studio-surface .garage-bike-name>span{color:#b8bdc8;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.studio-surface .detail-metrics{border:0;gap:8px;margin:24px 0;padding:0}.studio-surface .detail-metrics>div{background:#191c22;border:1px solid #ffffff10;border-radius:16px;padding:14px 10px}.studio-surface .detail-metrics b{color:#f4f5f8;font-weight:650}.studio-surface .detail-metrics span{color:#b6bdc9}.studio-surface .chat-message{background:#292c34;border-color:#ffffff12;border-radius:18px 18px 18px 5px}.studio-surface .chat-message.own{background:#3a2f2a;border-color:#ff985c20;border-radius:18px 18px 5px}.studio-surface .chat-message p{color:#f0f1f5}.studio-surface .chat-message>div>span{color:#afb5c1}.studio-surface .social-tabs button[aria-selected=true],.studio-surface .chat-tabs button[data-state=active]{color:#262931;background:#eff0f4}.design-lab :is(.map-tools,.map-modes,.live-pill,.light-control button){box-shadow:var(--studio-shadow), inset 0 0 0 1px #ffffff0d}@media (max-width:370px){.design-lab .nav-driving-actions{gap:4px;padding:8px}.design-lab .nav-driving-actions button{gap:4px;min-width:44px;padding:8px 6px;font-size:12px}.design-lab .nav-driving-actions button span{font-size:12px}.studio-surface .detail-metrics>div{padding:12px 8px}.studio-surface .detail-metrics b{white-space:normal;font-size:18px;line-height:1.3}}.design-lab .difficulty-filters button{color:#c9ced9;background:#292c33;border-radius:12px}.design-lab .difficulty-filters button.active{color:#262931;background:#eff0f4;border-color:#eff0f4}.design-lab .discovery-filters button{border-radius:12px}.design-lab :is(.region-suggestions,.search-results-top){background:#24272e}.design-lab .universal-results [aria-selected=true]{background:#333844}.studio-surface .recorder-shortcut{text-align:left;background:#1c1f25;border:1px solid #ffffff16;border-radius:20px;justify-content:flex-start;gap:12px;width:100%;margin:20px 0;padding:16px}.recorder-shortcut-icon{color:#ffb586;background:#ff985c12;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.recorder-shortcut>span:nth-child(2){flex:1;min-width:0}.recorder-shortcut b{font-size:15px;font-weight:600}.recorder-shortcut small{color:#b9bfca;margin-top:4px;font-size:12px;line-height:1.5;display:block}.recorder-dot{background:#ffad7b;border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.design-lab .live-pill.recorder-pill{color:#e3c6b6}.design-lab .recorder-pill.paused{color:#c7cbd3}.design-lab .recorder-pill span{white-space:nowrap}.recorder-status{text-align:left;color:#ffd1b5;background:#ff985c08;border-top:1px solid #ffffff0c;gap:8px;width:100%;min-height:44px;padding:8px 16px;font-size:12px}.recorder-status>span:not(.recorder-dot){flex:1;min-width:0}.recorder-status b{white-space:nowrap;font-weight:500}.guide-banner .recorder-status{background:0 0;border:0;justify-content:flex-start;padding:8px 0 0}.ride-statistics{min-width:0}.ride-heading{padding:0 0 22px}.ride-private-label{color:#b9c3cf;align-items:center;gap:6px;font-size:12px;display:inline-flex}.studio-surface .ride-heading h2{letter-spacing:-.045em;margin:14px 0 12px;font-size:clamp(27px,6vw,34px);line-height:1.12}.ride-heading>p{color:#bdc2cd;font-size:15px;line-height:1.55}.ride-back{color:#a6cfff;gap:8px;min-height:44px;margin-bottom:10px;padding:8px 0;font-size:13px}.ride-start-card{background:#1a1d23;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:48px minmax(0,1fr);gap:16px 12px;padding:20px;display:grid}.ride-start-icon{color:#ffb182;background:#ff985c15;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.studio-surface .ride-start-card h3{letter-spacing:-.025em;margin:1px 0 6px;font-size:18px;font-weight:600}.ride-start-card p{color:#b9bfca;font-size:13px;line-height:1.55}.ride-start-card>:is(label,button,p){grid-column:1/-1}.ride-consent{cursor:pointer;align-items:flex-start;gap:11px;padding:10px 0;font-size:14px;line-height:1.55;display:flex}.ride-consent input{-webkit-appearance:auto;appearance:auto;accent-color:#ff985c;flex:0 0 20px;width:20px;height:20px;margin:2px 0 0}.ride-consent small{color:#b5bbc7;margin-top:8px;font-size:12px;line-height:1.55;display:block}.ride-statistics .primary,.ride-statistics .secondary{border-radius:14px;min-height:46px}.ride-recording-card{background:#2e2623;border:1px solid #ff985c36;border-radius:24px;padding:20px}.ride-recording-card.paused{background:#252830;border-color:#fff2}.ride-recording-status{color:#ffc69f;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.ride-recording-status>span{align-items:center;gap:8px;display:flex}.studio-surface .ride-recording-card h3{letter-spacing:-.025em;overflow-wrap:anywhere;margin:20px 0;font-size:20px;line-height:1.3}.ride-live-numbers{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.ride-live-numbers b{letter-spacing:-.04em;font-size:27px;font-weight:600}.ride-live-numbers small{letter-spacing:0;color:#c5bcc0;margin-top:5px;font-size:12px;font-weight:400;display:block}.ride-recording-card>p{color:#c7bdba;font-size:13px;line-height:1.5}.ride-recording-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.ride-recording-actions>button{white-space:nowrap;flex:1}.ride-text-button{color:#c1c6d0;text-align:left;gap:7px;min-height:44px;padding:12px 0;font-size:12px;display:inline-flex}.ride-recording-card .ride-text-button{margin-top:8px}.ride-result{margin-top:30px;scroll-margin-top:82px}.studio-surface .ride-result-title h3{letter-spacing:-.035em;overflow-wrap:anywhere;margin:10px 0 8px;font-size:25px;font-weight:600;line-height:1.2}.ride-result-title>p{color:#b8bfcb;font-size:13px}.ride-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 14px;display:grid}.ride-metric{background:#191d24;border:1px solid #ffffff0d;border-radius:18px;min-width:0;padding:16px 13px}.ride-metric>span{color:#b9c2cf;align-items:center;gap:6px;min-height:34px;font-size:12px;display:flex}.ride-metric>span svg{color:#94bae9}.ride-metric>b{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:8px;font-size:26px;font-weight:600;line-height:1.15;display:block}.ride-metric small{letter-spacing:0;color:#bdc4d0;margin-left:4px;font-size:12px;font-weight:400}.ride-secondary-metrics{padding:3px 4px}.ride-secondary-metrics>div{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 0;font-size:13px;display:flex}.ride-secondary-metrics span{color:#b8bfcb}.ride-secondary-metrics b{text-align:right;font-weight:500}.ride-lean{background:#292522;border:1px solid #ff985c25;border-radius:22px;margin:24px 0;padding:18px}.ride-section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ride-section-title h4{margin:0;font-size:15px;font-weight:600}.ride-section-title>span{color:#ffc79f;background:#ff985c15;border-radius:6px;padding:3px 6px;font-size:10px}.ride-lean-values{text-align:center;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:10px;padding:20px 0;display:grid}.ride-lean-values>div>span{color:#c2bcb8;font-size:12px}.ride-lean-values b{letter-spacing:-.04em;font-size:33px;font-weight:550;line-height:1.25;display:block}.ride-lean-values b small{color:#d6bda9;margin-left:2px;font-size:20px}.ride-lean-values svg{color:#ffc19a;justify-self:center;width:100%;max-width:120px}.lean-reference{stroke:#bdc4d140;stroke-width:1px;stroke-dasharray:3 4;fill:none}.lean-arc{stroke:#ffad7b50;stroke-width:2px;fill:none}.lean-rays{stroke:#ffc19a;stroke-width:3px;stroke-linecap:round;fill:none}.ride-lean p,.ride-quality p{color:#bdbbc0;font-size:12px;line-height:1.6}.ride-speed-chart{color:#a6cfff;margin:24px 0}.ride-speed-chart figcaption{color:#e5eaf2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.ride-speed-chart figcaption span{align-items:center;gap:7px;display:flex}.ride-speed-chart figcaption small{color:#b8bfcb;font-size:11px}.ride-speed-chart>svg{width:100%;height:auto;margin-top:16px;display:block}.ride-chart-grid{stroke:#ffffff14;stroke-width:1px;fill:none}.ride-chart-line{stroke:currentColor;stroke-width:2px;fill:none;stroke-linejoin:round;stroke-linecap:round}.ride-chart-scale{color:#aeb9ca;justify-content:space-between;gap:10px;font-size:10px;display:flex}.ride-quality{background:#1c2027;border:1px solid #ffffff14;border-radius:18px;padding:18px}.ride-quality>div{align-items:center;gap:8px;font-size:13px;display:flex}.ride-quality b{flex:1;font-weight:500}.ride-quality progress{-webkit-appearance:none;appearance:none;accent-color:#a6cfff;background:#414b5c;border:0;border-radius:8px;width:100%;height:5px;margin:14px 0;display:block;overflow:hidden}.ride-quality progress::-webkit-progress-bar{background:#414b5c}.ride-quality progress::-webkit-progress-value{background:#a6cfff}.ride-quality progress::-moz-progress-bar{background:#a6cfff}.ride-result-actions{justify-content:space-between;gap:12px;margin:18px 0;display:flex}.ride-method{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;margin:24px 0;padding:16px 0}.ride-method summary{cursor:pointer;color:#d5dce7;align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.ride-method summary:after{content:"+";margin-left:auto;font-size:22px}.ride-method[open] summary:after{content:"−"}.ride-method summary::-webkit-details-marker{display:none}.ride-method p{color:#b8bfcb;margin-top:12px;font-size:12px;line-height:1.65}.ride-method a{color:#a6cfff;align-items:center;gap:5px;min-height:44px;margin-top:5px;font-size:12px;display:inline-flex}.ride-history-title{justify-content:space-between;align-items:center;display:flex}.studio-surface .ride-history-title h3{letter-spacing:-.025em;margin:10px 0 14px;font-size:19px;font-weight:600}.ride-history-title>span{color:#aeb9ca;font-size:12px}.ride-history{flex-direction:column;gap:8px;display:flex}.ride-history button{text-align:left;border:1px solid #ffffff12;border-radius:16px;justify-content:flex-start;gap:12px;width:100%;padding:14px 12px}.ride-history button[aria-pressed=true]{background:#ff985c08;border-color:#ff985c40}.ride-history-icon{color:#ffbe97;background:#ffffff05;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:40px;display:grid}.ride-history button>span:nth-child(2){flex:1;min-width:0}.ride-history b{overflow-wrap:anywhere;font-size:14px;font-weight:550;display:block}.ride-history small{color:#b8bfcb;margin-top:4px;font-size:11px;display:block}.ride-history-empty{color:#b8bfcb;align-items:center;gap:14px;padding:20px 0;display:flex}.ride-history-empty p{font-size:14px}.ride-history-empty small{margin-top:5px;font-size:12px;display:block}.recorder-plan-gate{border:0;min-width:0;margin:0;padding:0}.ride-delete-dialog[data-slot=alert-dialog-content]{z-index:70;color:#f1f3f8;background:#262830;border:1px solid #ffffff24;border-radius:24px;width:min(420px,100vw - 32px);padding:24px;display:block;box-shadow:0 20px 80px #0008}[data-slot=alert-dialog-overlay]{z-index:65}.ride-delete-dialog [data-slot=alert-dialog-title]{margin:0 0 12px;font-size:21px}.ride-delete-dialog [data-slot=alert-dialog-description]{color:#c2c8d3;font-size:14px;line-height:1.6}.ride-delete-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.ride-delete-actions button{border-radius:12px;min-height:44px}@media (max-width:370px){.ride-start-card,.ride-recording-card{padding:16px}.ride-metric{padding:12px 10px}.ride-metric>b{font-size:23px}.ride-metric>span{align-items:flex-start;font-size:11px}.ride-live-numbers b{font-size:23px}.recorder-shortcut{padding:14px 12px}}@media (orientation:landscape) and (max-height:600px){.design-lab .studio-more-menu{max-height:calc(100dvh - 100px);overflow-y:auto}.design-lab .recorder-pill>span:not(.recorder-dot){display:none}}@media (max-width:900px) and (orientation:portrait){.design-lab.guiding.recording-ride .map-tools{bottom:320px}}