body.gravel-shell:has(.segment-create-page){background:#f3f0e9}body.gravel-shell .segment-create-page{display:grid;width:min(100%,1560px);grid-gap:20px;gap:20px;margin-inline:auto;padding:24px 32px 80px;color:#20211f;font-family:var(--gm-font-sans)}body.gravel-shell .segment-create-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 0 20px}body.gravel-shell .segment-create-page-head>div{min-width:0}body.gravel-shell .segment-create-page-head p{margin:0 0 8px;color:#8a8780;font-size:13px}body.gravel-shell .segment-create-page-head h1{margin:0;color:#20211f;font-family:var(--gravel-reading);font-size:clamp(34px,3vw,38px);font-weight:700;letter-spacing:-.035em;line-height:1.16}body.gravel-shell .segment-create-page-head span{display:block;margin-top:10px;color:#77756f;font-size:15px;line-height:1.55}body.gravel-shell .segment-create-page-head small{display:block;margin-top:6px;color:#9b9891;font-size:12px}body.gravel-shell .segment-create-return{display:inline-flex;min-width:max-content;height:44px;align-items:center;gap:8px;border:1px solid #d9d5cd;border-radius:8px;background:#fcfbf8;padding:0 16px;color:#33332f;font-size:14px;font-weight:600;box-shadow:0 2px 8px rgb(30 29 26/4%)}body.gravel-shell .segment-create-workspace{display:grid;grid-gap:20px;gap:20px}body.gravel-shell .segment-create-steps{display:grid;min-height:70px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;margin:0;padding:0 clamp(60px,8vw,130px);list-style:none}body.gravel-shell .segment-create-steps li{position:relative;display:flex;min-width:0;align-items:center;gap:11px}body.gravel-shell .segment-create-steps li:after{position:absolute;top:17px;right:24px;left:142px;height:1px;background:#d8d4cc;content:""}body.gravel-shell .segment-create-steps li:last-child:after{display:none}body.gravel-shell .segment-create-steps li>span{position:relative;z-index:1;display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid #cfcbc3;border-radius:50%;background:#fcfbf8;color:#8a8780;font-size:13px;font-weight:700}body.gravel-shell .segment-create-steps li>div{display:grid;min-width:0;grid-gap:2px;gap:2px}body.gravel-shell .segment-create-steps strong{color:#77756f;font-size:14px;font-weight:600}body.gravel-shell .segment-create-steps small{color:#9b9891;font-size:12px}body.gravel-shell .segment-create-steps .is-current>span{border-color:#be3531;background:#be3531;color:#fff}body.gravel-shell .segment-create-steps .is-current strong{color:#20211f}body.gravel-shell .segment-create-steps .is-done>span{border-color:#be3531;background:#fcfbf8;color:#be3531}body.gravel-shell .segment-create-steps .is-done strong{color:#44433f}body.gravel-shell .segment-create-layout{display:grid;grid-template-columns:minmax(760px,1fr) minmax(390px,410px);align-items:start;grid-gap:24px;gap:24px}body.gravel-shell .segment-create-main{display:grid;min-width:0;grid-gap:24px;gap:24px}body.gravel-shell .segment-create-map-region,body.gravel-shell .segment-create-range-workbench,body.gravel-shell .segment-range-elevation{min-width:0}body.gravel-shell .segment-create-card.segment-create-range-workbench{border-color:var(--gm-border-default);border-radius:var(--gm-radius-card);background:var(--gm-bg-card);box-shadow:none}body.gravel-shell .segment-range-elevation.is-embedded{overflow:hidden;margin:0 20px 20px;border:1px solid var(--gm-border-default);border-radius:var(--elev-radius);background:var(--gm-bg-card)}body.gravel-shell .segment-create-aside,body.gravel-shell .segment-create-card{overflow:hidden;border:1px solid #dedad2;border-radius:12px;background:#fcfbf8;box-shadow:0 2px 10px rgb(30 29 26/5%)}body.gravel-shell .segment-create-card-head{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:20px;padding:20px}body.gravel-shell .segment-create-aside h2,body.gravel-shell .segment-create-card-head h2,body.gravel-shell .segment-create-form-section h3,body.gravel-shell .segment-create-review-drawer h2,body.gravel-shell .segment-create-review-drawer h3{margin:0;color:#20211f;font-family:var(--gm-font-sans);font-weight:650;letter-spacing:-.015em}body.gravel-shell .segment-create-card-head h2{font-size:21px}body.gravel-shell .segment-create-card-head p{margin:6px 0 0;color:#77756f;font-size:13px;line-height:1.5}body.gravel-shell .segment-create-history-actions{display:flex;overflow:hidden;flex:0 0 auto;border:1px solid #d9d5cd;border-radius:8px}body.gravel-shell .segment-create-history-actions button{display:inline-flex;height:36px;align-items:center;gap:6px;border:0;background:#fff;padding:0 11px;color:#44433f;font-size:12px}body.gravel-shell .segment-create-history-actions button+button{border-left:1px solid #e8e4dc}body.gravel-shell .segment-create-history-actions button:nth-child(2) svg{transform:scaleX(-1)}body.gravel-shell .segment-create-history-actions button:hover:not(:disabled){background:#f5f2ec}body.gravel-shell .segment-create-history-actions button:disabled{color:#aaa69e;cursor:not-allowed}body.gravel-shell .segment-create-map-wrap{position:relative;margin-inline:20px}body.gravel-shell .segment-create-map-stage{position:relative}body.gravel-shell .activity-track-selection-map{height:520px;min-height:520px;overflow:hidden;border:1px solid var(--gm-border-default);border-radius:var(--gm-radius-card) var(--gm-radius-card) 0 0;background:color-mix(in srgb,var(--gm-bg-page) 72%,var(--gm-green-100))}body.gravel-shell .activity-track-selection-map .map-interaction-panel--compact{right:auto;bottom:14px;left:14px;max-width:340px;border-radius:7px;opacity:.88}body.gravel-shell .segment-create-map-controls{top:14px;right:14px}body.gravel-shell .segment-create-map-terrain-credit{right:auto;bottom:54px;left:14px}body.gravel-shell .segment-create-map-legend{position:absolute;z-index:11;right:14px;bottom:14px;display:grid;grid-gap:7px;gap:7px;border:1px solid var(--gm-border-default);border-radius:var(--gm-radius-control);background:color-mix(in srgb,var(--gm-bg-card) 94%,transparent);box-shadow:var(--gm-shadow-card);padding:9px 11px;color:var(--gm-text-secondary);font-size:11px}body.gravel-shell .segment-create-map-legend span{display:flex;align-items:center;gap:7px}body.gravel-shell .segment-create-map-legend i{display:block;width:22px;height:0;border-top:3px solid var(--gm-text-tertiary)}body.gravel-shell .segment-create-map-legend i.is-selected{border-top-width:4px;border-top-color:var(--map-segment-gravel);box-shadow:0 1px var(--gm-bg-card)}body.gravel-shell .segment-create-track-summary{display:grid;min-height:118px;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 20px 0;border:1px solid var(--gm-border-default);border-radius:var(--gm-radius-panel);background:var(--gm-bg-card)}body.gravel-shell .segment-create-track-summary>div{min-width:0;border-right:1px solid var(--gm-divider);padding:16px 18px 14px}body.gravel-shell .segment-create-track-summary>div:last-child{border-right:0}body.gravel-shell .segment-create-track-summary span{display:flex;align-items:center;gap:7px;color:#77756f;font-size:12px}body.gravel-shell .segment-create-track-summary span i{width:8px;height:8px;border-radius:50%;background:#3f8b62}body.gravel-shell .segment-create-track-summary .is-end span i{background:#be3531}body.gravel-shell .segment-create-track-summary strong{display:block;overflow:hidden;margin:9px 0 5px;color:#20211f;font-size:17px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}body.gravel-shell .segment-create-track-summary .is-climb strong,body.gravel-shell .segment-create-track-summary .is-distance strong{color:#be3531;font-family:var(--gravel-mono);font-size:22px}body.gravel-shell .segment-create-track-summary strong small{font-size:11px;font-weight:600}body.gravel-shell .segment-create-track-summary p{margin:2px 0 0;color:#8a8780;font-size:11px;line-height:1.45}body.gravel-shell .segment-create-range-toolbar{position:absolute;z-index:13;top:12px;left:32px;display:flex;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 64px);min-height:0;align-items:center;justify-content:flex-end;gap:6px;border:1px solid rgb(217 213 205/92%);border-radius:8px;background:rgb(252 251 248/94%);padding:4px;box-shadow:0 2px 8px rgb(30 29 26/10%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.gravel-shell .segment-create-range-toolbar details{color:#77756f;font-size:12px}body.gravel-shell .segment-create-range-toolbar details p{margin:5px 0 0}body.gravel-shell .segment-create-range-toolbar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}body.gravel-shell .segment-create-range-toolbar button{display:inline-flex;min-height:30px;align-items:center;gap:6px;border:1px solid #d9d5cd;border-radius:7px;background:#fff;padding:0 9px;color:#44433f;font-size:12px}body.gravel-shell .segment-create-range-toolbar button:hover:not(:disabled){border-color:#be3531;color:#be3531}body.gravel-shell .segment-create-range-toolbar button:disabled{opacity:.48}body.gravel-shell .segment-create-selection-bridge{position:relative;z-index:14;display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;margin:0 20px;border:1px solid var(--gm-border-default);border-top:0;border-radius:0 0 var(--gm-radius-card) var(--gm-radius-card);background:var(--gm-bg-card);padding:8px 12px}body.gravel-shell .segment-create-selection-bridge>p{display:flex;min-width:0;align-items:center;gap:8px;margin:0;color:var(--gm-text-secondary);font-size:12px;line-height:1.45}body.gravel-shell .segment-create-selection-bridge>p svg{flex:0 0 auto}body.gravel-shell .segment-create-selection-bridge.is-valid>p svg{color:var(--gm-green-start)}body.gravel-shell .segment-create-selection-bridge.is-invalid>p svg{color:var(--gm-red-600)}body.gravel-shell .segment-create-selection-bridge>p b{color:var(--gm-text-primary);font-weight:650}body.gravel-shell .segment-create-selection-bridge details{position:relative;flex:0 0 auto;color:var(--gm-text-secondary);font-size:12px}body.gravel-shell .segment-create-selection-bridge summary{min-width:78px;cursor:pointer;list-style-position:inside;text-align:right}body.gravel-shell .segment-create-selection-bridge details>div{position:absolute;z-index:20;top:calc(100% + 10px);right:-4px;display:grid;width:270px;grid-gap:8px;gap:8px;border:1px solid var(--gm-border-default);border-radius:var(--gm-radius-control);background:var(--gm-bg-card);padding:12px;box-shadow:var(--gm-shadow-card)}body.gravel-shell .segment-create-selection-bridge details p{display:flex;justify-content:space-between;gap:10px;margin:0}body.gravel-shell .segment-create-selection-bridge details p b{color:var(--gm-text-primary)}body.gravel-shell .segment-create-selection-bridge details p span,body.gravel-shell .segment-create-selection-bridge details small{color:var(--gm-text-tertiary);font-family:var(--gravel-mono);font-size:10px}body.gravel-shell .segment-create-status{display:flex;min-height:42px;align-items:center;gap:8px;margin:0;border-top:1px solid #e8e4dc;background:#f8f6f1;padding:9px 20px;color:#77756f;font-size:12px}body.gravel-shell .segment-create-status.is-valid svg{color:#3f8b62}body.gravel-shell .segment-create-status.is-invalid svg{color:#be3531}body.gravel-shell .segment-range-elevation-head{min-height:58px;align-items:center;padding:10px 16px}body.gravel-shell .segment-range-elevation-head h2{flex:0 0 auto;color:var(--gm-text-primary);font-family:var(--gm-font-sans);font-size:19px;font-weight:650;letter-spacing:-.02em;white-space:nowrap}body.gravel-shell .segment-range-elevation-title{display:flex;min-width:0;align-items:baseline;gap:12px}body.gravel-shell .segment-range-elevation-metrics{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:18px}body.gravel-shell .segment-range-elevation-metrics>span{display:flex;min-width:0;align-items:center;gap:5px;color:var(--gm-text-secondary);font-size:11px;white-space:nowrap}body.gravel-shell .segment-range-elevation-metrics svg{flex:0 0 auto;color:var(--gm-text-tertiary)}body.gravel-shell .segment-range-elevation-metrics strong{color:var(--gm-text-primary);font-family:var(--gravel-mono);font-size:12px;font-weight:650}body.gravel-shell .segment-range-plot{--segment-range-muted-line:color-mix(in srgb,var(--elev-axis) 58%,var(--elev-bg));position:relative;height:310px;margin:0;border:0;border-top:1px solid var(--gm-divider);border-radius:0;background:var(--elev-bg);contain:layout paint;touch-action:none}body.gravel-shell .segment-range-elevation.is-poi-selecting .segment-range-plot{border-color:#be3531;box-shadow:0 0 0 3px rgb(190 53 49/12%)}body.gravel-shell .segment-range-poi-pick-layer{position:absolute;z-index:3;inset:0;border:0;border-radius:inherit;background:transparent;cursor:crosshair}body.gravel-shell .segment-range-poi-pick-layer:focus-visible{outline:3px solid rgb(190 53 49/35%);outline-offset:-5px}body.gravel-shell .segment-range-plot>svg{display:block;width:100%;height:100%;overflow:visible}body.gravel-shell .segment-range-x-tick line,body.gravel-shell .segment-range-y-tick line{stroke:var(--elev-grid);stroke-dasharray:none;stroke-width:1;vector-effect:non-scaling-stroke}body.gravel-shell .segment-range-x-tick line{stroke:transparent}body.gravel-shell .segment-range-axis-title,body.gravel-shell .segment-range-x-tick text,body.gravel-shell .segment-range-y-tick text{fill:var(--elev-axis);font-family:var(--gm-font-sans);font-size:11px}body.gravel-shell .segment-range-axis-title,body.gravel-shell .segment-range-y-tick text{text-anchor:start}body.gravel-shell .segment-range-x-tick text{text-anchor:middle}body.gravel-shell .segment-range-area.is-full{fill:var(--elev-fill);filter:grayscale(1);opacity:.28}body.gravel-shell .segment-range-line.is-full{fill:none;stroke:var(--segment-range-muted-line);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.15;vector-effect:non-scaling-stroke}body.gravel-shell .segment-range-area.is-selected{fill:var(--elev-fill);filter:none;opacity:1}body.gravel-shell .segment-range-line.is-selected{fill:none;stroke:var(--elev-strong);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6;vector-effect:non-scaling-stroke}body.gravel-shell .segment-range-cursor line{stroke:var(--elev-line);stroke-dasharray:none;stroke-width:1.5;vector-effect:non-scaling-stroke}body.gravel-shell .segment-range-cursor circle{fill:var(--elev-bg);stroke:var(--elev-line);stroke-width:2;vector-effect:non-scaling-stroke}body.gravel-shell .segment-range-cursor text{fill:var(--gm-text-primary);font-family:var(--gm-font-sans);font-size:11px}body.gravel-shell .segment-range-empty{display:grid;height:100%;margin:0;place-items:center;color:#77756f;font-size:13px}body.gravel-shell .segment-range-handle{position:absolute;z-index:4;top:0;width:36px;height:36px;border:0;border-radius:50%;background:transparent;padding:0;cursor:-webkit-grab;cursor:grab;transform:translate(-50%,-50%);will-change:left,top;touch-action:none}body.gravel-shell .segment-range-handle:before{display:none}body.gravel-shell .segment-range-handle>span{position:absolute;top:50%;left:50%;display:grid;width:26px;height:26px;min-width:26px;place-items:center;border:2px solid var(--gm-bg-card);border-radius:50%;background:var(--gm-green-start);padding:0;color:#fff;font-family:var(--gm-font-sans);font-size:10px;line-height:1;pointer-events:none;box-shadow:0 0 0 1px var(--gm-green-start),0 3px 8px rgb(31 28 24/18%);transform:translate(-50%,-50%)}body.gravel-shell .segment-range-handle>span b{border:0;border-radius:0;background:transparent;padding:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:750}body.gravel-shell .segment-range-handle.is-end>span{background:var(--gm-red-600);box-shadow:0 0 0 1px var(--gm-red-600),0 3px 8px rgb(31 28 24/18%)}body.gravel-shell .segment-range-handle:is(:hover,:focus-visible,.is-active){outline:none}body.gravel-shell .segment-range-handle.is-start:is(:hover,:focus-visible,.is-active)>span{box-shadow:0 0 0 1px var(--gm-green-start),0 0 0 5px color-mix(in srgb,var(--gm-green-start) 20%,transparent)}body.gravel-shell .segment-range-handle.is-end:is(:hover,:focus-visible,.is-active)>span{box-shadow:0 0 0 1px var(--gm-red-600),0 0 0 5px color-mix(in srgb,var(--gm-red-600) 18%,transparent)}body.gravel-shell .segment-range-handle-adjuster{position:absolute;z-index:7;top:clamp(4px,calc(var(--range-active-top) - 48px),calc(100% - 34px));left:clamp(31px,var(--range-active-left),calc(100% - 31px));display:grid;grid-template-columns:repeat(2,29px);overflow:hidden;border:1px solid var(--gm-border-strong);border-radius:7px;background:var(--gm-bg-card);box-shadow:0 5px 14px rgb(31 28 24/14%);transform:translateX(-50%)}body.gravel-shell .segment-range-handle-adjuster button{display:grid;width:29px;height:28px;min-height:0;place-items:center;border:0;border-radius:0;background:var(--gm-bg-card);padding:0;color:var(--gm-text-primary);cursor:pointer}body.gravel-shell .segment-range-handle-adjuster button+button{border-left:1px solid var(--gm-border-default)}body.gravel-shell .segment-range-handle-adjuster button:is(:hover,:focus-visible){background:var(--gm-bg-muted);color:var(--gm-red-600);outline:none}body.gravel-shell .segment-range-footer{padding:16px 20px 20px}body.gravel-shell .segment-range-nudges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}body.gravel-shell .segment-range-nudges>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--gm-border-default);border-radius:var(--gm-radius-control);background:var(--gm-bg-muted);padding:9px 10px}body.gravel-shell .segment-range-nudges>div>span{display:grid;color:var(--gm-text-secondary);font-size:10px}body.gravel-shell .segment-range-nudges>div>span b{color:var(--gm-text-primary);font-family:var(--gravel-mono);font-size:11px}body.gravel-shell .segment-range-nudges>div>div{display:flex;overflow:hidden;border:1px solid var(--gm-border-default);border-radius:var(--gm-radius-control)}body.gravel-shell .segment-range-nudges button{display:inline-flex;min-height:32px;align-items:center;gap:4px;border:0;background:var(--gm-bg-card);padding:0 8px;color:var(--gm-text-primary);font-size:10px}body.gravel-shell .segment-range-nudges button+button{border-left:1px solid var(--gm-divider)}body.gravel-shell .segment-range-nudges button:hover{color:var(--gm-red-600)}body.gravel-shell .segment-create-aside{position:-webkit-sticky;position:sticky;top:calc(var(--gm-nav-height) + 20px);z-index:20;display:flex;max-height:calc(100vh - var(--gm-nav-height) - 40px);flex-direction:column}body.gravel-shell .segment-create-aside-head{flex:0 0 auto;border-bottom:1px solid #dedad2;padding:18px 20px}body.gravel-shell .segment-create-aside-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}body.gravel-shell .segment-create-aside-head h2{font-size:20px}body.gravel-shell .segment-create-aside-head span,body.gravel-shell .segment-create-form-section header>span{border-radius:999px;background:#f5e5d5;padding:5px 9px;color:#a94d26;font-size:11px;font-weight:650}body.gravel-shell .segment-create-aside-head span.is-ready{background:#e2efe6;color:#2f7350}body.gravel-shell .segment-create-aside-close{display:none;border:0;background:transparent;color:#77756f}body.gravel-shell .segment-create-aside-scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:0 20px}body.gravel-shell .segment-create-form-section{display:grid;grid-gap:13px;gap:13px;border-bottom:1px solid #e8e4dc;padding:20px 0 22px;transition:box-shadow .16s ease}body.gravel-shell .segment-create-form-section:last-child{border-bottom:0}body.gravel-shell .segment-create-form-section :is(input,textarea,div,fieldset).is-review-focus,body.gravel-shell .segment-create-form-section.is-review-focus{box-shadow:0 0 0 3px rgb(190 53 49/14%)}body.gravel-shell .segment-create-form-section header{display:flex;align-items:center;justify-content:space-between;gap:10px}body.gravel-shell .segment-create-form-section h3{font-size:15px}body.gravel-shell .segment-create-field>span b,body.gravel-shell .segment-create-form-section h3 b{color:#be3531}body.gravel-shell .segment-create-form-section header>span{background:#f5f2ec;color:#77756f}body.gravel-shell .segment-create-field{display:grid;grid-gap:var(--gm-form-field-gap);gap:var(--gm-form-field-gap);color:#44433f;font-size:12px;font-weight:600}body.gravel-shell .segment-create-field>span{display:flex;align-items:center;gap:4px}body.gravel-shell .segment-create-field>span small{margin-left:auto;color:#9b9891;font-size:10px;font-weight:400}body.gravel-shell .segment-create-field input,body.gravel-shell .segment-create-field textarea,body.gravel-shell .segment-create-poi-editor :is(input,select,textarea){width:100%;min-height:var(--gm-form-control-height);border:1px solid var(--gm-form-border);border-radius:var(--gm-form-control-radius);background:var(--gm-form-fill);padding:9px var(--gm-form-control-padding-inline);color:#20211f;font:inherit;font-weight:400;box-shadow:none}body.gravel-shell .segment-create-field textarea{min-height:72px;resize:vertical}body.gravel-shell .segment-create-aside-range{min-width:0;margin:2px 0 0;border:1px solid #e2ded6;border-radius:12px;background:#fbfaf7;padding:10px 12px 11px}body.gravel-shell .segment-create-aside-range legend{padding:0 5px;color:var(--gm-text-primary);font-size:12px;font-weight:700}body.gravel-shell .segment-create-aside-range .segment-serpentine-callout strong{font-size:11px}body.gravel-shell .segment-create-aside-range .segment-dual-range-hint,body.gravel-shell .segment-create-aside-range .segment-serpentine-callout small,body.gravel-shell .segment-create-aside-range .segment-serpentine-span{font-size:10px}body.gravel-shell :is(.segment-create-field input,.segment-create-field textarea,.segment-create-poi-editor input,.segment-create-poi-editor select,.segment-create-poi-editor textarea,.segment-evidence-item input):focus{border-color:var(--gm-form-focus);outline:0;background:var(--gm-form-fill-focus);box-shadow:0 0 0 3px var(--gm-form-focus-ring)}body.gravel-shell .segment-create-condition-hint{margin:-3px 0 0;color:#77756f;font-size:11px;line-height:1.55}body.gravel-shell .segment-create-condition-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}body.gravel-shell .segment-create-condition-tags button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:5px;border:1px solid #d9d5cd;border-radius:999px;background:#fcfbf8;padding:0 12px;color:#44433f;font-size:11px;transition:background .16s ease,border-color .16s ease,color .16s ease}body.gravel-shell .segment-create-condition-tags button:focus-visible,body.gravel-shell .segment-create-condition-tags button:hover:not(.is-active){border-color:#be3531;outline:0;background:#fbf1ed;color:#a72e2b}body.gravel-shell .segment-create-condition-tags button.is-active{border-color:#be3531;background:#be3531;color:#fff}body.gravel-shell .segment-surface-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px;gap:5px}body.gravel-shell .segment-surface-level-grid button{display:grid;min-width:0;min-height:78px;place-items:center;grid-gap:3px;gap:3px;border:1px solid #d9d5cd;border-radius:6px;background:#fcfbf8;padding:7px 3px;color:#44433f;transition:background .16s ease,border-color .16s ease,color .16s ease}body.gravel-shell .segment-surface-level-grid button b{color:inherit;font-family:var(--gm-font-sans);font-size:20px;font-weight:700}body.gravel-shell .segment-surface-level-grid button span{overflow:hidden;max-width:100%;font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}body.gravel-shell .segment-surface-level-grid button.is-active,body.gravel-shell .segment-surface-level-grid button:hover{border-color:#be3531;background:#be3531;color:#fff}body.gravel-shell .segment-evidence-native-input{position:absolute;z-index:1;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}body.gravel-shell .segment-create-poi-route-location{grid-column:1/-1;display:grid;min-height:68px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;border:1px solid #d9d5cd;border-radius:8px;background:#f8f6f1;padding:9px 10px}body.gravel-shell .segment-create-poi-route-location>svg{color:#8a8780}body.gravel-shell .segment-create-poi-route-location>span{display:grid;min-width:0;grid-gap:1px;gap:1px}body.gravel-shell .segment-create-poi-route-location em,body.gravel-shell .segment-create-poi-route-location small{overflow:hidden;color:#77756f;font-size:9px;font-style:normal;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}body.gravel-shell .segment-create-poi-route-location strong{overflow:hidden;color:#20211f;font-family:var(--gravel-mono);font-size:12px;text-overflow:ellipsis;white-space:nowrap}body.gravel-shell .segment-create-poi-route-location button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;border:1px solid #d9d5cd;border-radius:7px;background:#fff;color:#44433f;font-size:11px}body.gravel-shell .segment-create-poi-route-location button.is-active,body.gravel-shell .segment-create-poi-route-location button:hover:not(:disabled){border-color:#be3531;color:#be3531}body.gravel-shell .segment-create-poi-route-location button:disabled{opacity:.48;cursor:not-allowed}body.gravel-shell .segment-create-poi-route-location.is-selected{border-color:rgb(190 53 49/45%);background:#fff}body.gravel-shell .segment-create-poi-route-location.is-selected>svg{color:#be3531}body.gravel-shell .segment-create-action-bar{flex:0 0 auto;border-top:1px solid #dedad2;background:#fcfbf8;padding:12px 16px 16px}body.gravel-shell .segment-create-action-bar p{margin:0 0 9px;color:#6e756f;font-size:10px}body.gravel-shell .segment-create-action-bar p.is-saving{color:#8a8780}body.gravel-shell .segment-create-action-bar p.is-failed{color:#be3531;cursor:pointer}body.gravel-shell .segment-create-action-bar>div{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:9px;gap:9px}body.gravel-shell .segment-create-action-bar button{display:inline-flex;height:46px;align-items:center;justify-content:center;gap:6px;border:1px solid #d9d5cd;border-radius:8px;background:#fff;color:#33332f;font-size:12px;font-weight:650}body.gravel-shell .segment-create-action-bar button:last-child{border-color:#be3531;background:#be3531;color:#fff}body.gravel-shell .segment-create-action-bar button:last-child:hover{background:#a92d29}body.gravel-shell .segment-create-drawer-backdrop,body.gravel-shell .segment-create-mobile-form-trigger{display:none}body.gravel-shell .segment-create-confirm-backdrop,body.gravel-shell .segment-create-review-backdrop{position:fixed;z-index:100;inset:0;display:flex;justify-content:flex-end;background:rgb(32 33 31/34%)}body.gravel-shell .segment-create-review-drawer{display:flex;width:min(460px,100%);height:100%;flex-direction:column;overflow:auto;background:#fcfbf8;box-shadow:-6px 0 20px rgb(30 29 26/14%);animation:segment-drawer-in .16s ease-out}@keyframes segment-drawer-in{0%{transform:translateX(24px);opacity:.8}to{transform:translateX(0);opacity:1}}body.gravel-shell .segment-create-review-drawer>header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dedad2;padding:24px}body.gravel-shell .segment-create-review-drawer>header span{color:#be3531;font-family:var(--gravel-mono);font-size:10px;font-weight:700}body.gravel-shell .segment-create-review-drawer h2{margin-top:5px;font-size:24px}body.gravel-shell .segment-create-review-drawer>header p{margin:7px 0 0;color:#77756f;font-size:12px;line-height:1.5}body.gravel-shell .segment-create-review-drawer>header button{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid #d9d5cd;border-radius:8px;background:#fff;color:#77756f}body.gravel-shell .segment-create-review-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;background:#e8e4dc}body.gravel-shell .segment-create-review-summary span{display:flex;min-height:62px;align-items:center;justify-content:center;gap:5px;background:#f8f6f1;color:#33332f;font-family:var(--gravel-mono);font-size:12px}body.gravel-shell .segment-create-review-drawer>section{display:grid;grid-gap:8px;gap:8px;border-bottom:1px solid #e8e4dc;padding:20px 24px}body.gravel-shell .segment-create-review-drawer h3{margin-bottom:4px;font-size:14px}body.gravel-shell .segment-create-review-drawer>section button{display:grid;min-height:52px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;grid-gap:9px;gap:9px;border:1px solid #e4e0d8;border-radius:8px;background:#fff;padding:8px 11px;color:#44433f;text-align:left}body.gravel-shell .segment-create-review-drawer>section button>span{display:grid;grid-gap:2px;gap:2px;font-size:12px;font-weight:600}body.gravel-shell .segment-create-review-drawer>section button small{color:#8a8780;font-size:10px;font-weight:400}body.gravel-shell .segment-create-review-drawer>section button.is-complete>svg:first-child{color:#3f8b62}body.gravel-shell .segment-create-review-drawer>section button.is-missing>svg:first-child{color:#be3531}body.gravel-shell .segment-create-review-optional-mark{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#efede7;color:#77756f;font-size:9px;font-style:normal;font-weight:700}body.gravel-shell .segment-create-review-drawer>section button.is-optional{background:#faf9f6;color:#66645e}body.gravel-shell .segment-create-review-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;margin:4px 24px 12px;padding:12px 14px}body.gravel-shell .segment-create-review-status.is-progress{background:#f1f7f3;color:#2f7651}body.gravel-shell .segment-create-review-spinner{animation:segment-create-submit-spin 1.1s linear infinite}body.gravel-shell .segment-create-review-status.is-error,body.gravel-shell .segment-create-review-status.is-uncertain{background:#fff5f3;color:#9f2d2a}@keyframes segment-create-submit-spin{to{transform:rotate(1turn)}}body.gravel-shell .segment-create-review-drawer>footer{display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:9px;gap:9px;margin-top:auto;border-top:1px solid #dedad2;padding:16px 24px}body.gravel-shell .segment-create-review-drawer>footer button{height:46px;border:1px solid #d9d5cd;border-radius:8px;background:#fff;color:#33332f;font-weight:650}body.gravel-shell .segment-create-review-drawer>footer button:last-child{border-color:#be3531;background:#be3531;color:#fff}body.gravel-shell .segment-create-review-drawer>footer button:disabled{border-color:#d9d5cd;background:#e8e4dc;color:#9b9891;cursor:not-allowed}@media (max-width:1439px){body.gravel-shell .segment-create-page{padding-inline:20px}body.gravel-shell .segment-create-layout{grid-template-columns:minmax(690px,1fr) 360px;gap:20px}body.gravel-shell .activity-track-selection-map{height:460px;min-height:460px}body.gravel-shell .segment-create-track-summary>div{padding-inline:13px}}@media (max-width:1099px){body.gravel-shell .segment-create-page{padding-bottom:92px}body.gravel-shell .segment-create-layout{grid-template-columns:minmax(0,1fr)}body.gravel-shell .segment-create-aside{position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(410px,calc(100% - 48px));max-height:none;border-radius:12px 0 0 12px;opacity:0;pointer-events:none;transform:translateX(100%);transition:transform .16s ease,opacity .16s ease}body.gravel-shell .segment-create-aside.is-open{opacity:1;pointer-events:auto;transform:translateX(0)}body.gravel-shell .segment-create-aside-close{display:grid;width:34px;height:34px;place-items:center}body.gravel-shell .segment-create-aside-head{display:flex;align-items:center;justify-content:space-between}body.gravel-shell .segment-create-aside-head>div{flex:1 1}body.gravel-shell .segment-create-mobile-form-trigger{position:fixed;z-index:55;right:20px;bottom:18px;display:inline-flex;min-height:48px;align-items:center;gap:7px;border:0;border-radius:9px;background:#be3531;padding:0 17px;color:#fff;font-size:13px;font-weight:650;box-shadow:0 6px 18px rgb(90 34 28/24%)}body.gravel-shell .segment-create-mobile-form-trigger span{border-left:1px solid rgb(255 255 255/36%);padding-left:8px;font-size:10px;font-weight:400}body.gravel-shell .segment-create-drawer-backdrop{position:fixed;z-index:70;inset:0;display:block;border:0;background:rgb(32 33 31/28%)}}@media (max-width:899px){body.gravel-shell .segment-create-page{padding-inline:14px}body.gravel-shell .segment-create-page-head{align-items:start;flex-direction:column}body.gravel-shell .segment-create-page-head h1{font-size:clamp(28px,7vw,34px)}body.gravel-shell .segment-create-steps{overflow-x:auto;grid-template-columns:repeat(3,minmax(190px,1fr));padding-inline:4px;scrollbar-width:thin}body.gravel-shell .segment-create-steps li:after{left:132px}body.gravel-shell .activity-track-selection-map{height:420px;min-height:420px}body.gravel-shell .segment-create-range-toolbar{align-items:center}body.gravel-shell .segment-create-range-toolbar>div{justify-content:flex-start}body.gravel-shell .segment-range-elevation-head{align-items:start;flex-direction:column;gap:9px}body.gravel-shell .segment-range-elevation-metrics{width:100%;justify-content:flex-start;gap:14px}body.gravel-shell .segment-range-plot{height:310px}body.gravel-shell .segment-range-handle>span{top:5px;min-width:70px;padding:4px}body.gravel-shell .segment-range-nudges{grid-template-columns:1fr}body.gravel-shell .segment-create-aside{top:auto;left:0;width:100%;height:min(88vh,760px);border-radius:14px 14px 0 0;opacity:1;transform:translateY(100%)}body.gravel-shell .segment-create-aside.is-open{transform:translateY(0)}}@media (max-width:560px){body.gravel-shell .segment-create-page{gap:14px;padding-top:18px}body.gravel-shell .segment-create-page-head span{font-size:13px}body.gravel-shell .segment-create-card-head{min-height:0;align-items:start;flex-direction:column;padding:18px 14px}body.gravel-shell .segment-create-history-actions{width:100%}body.gravel-shell .segment-create-history-actions button{flex:1 1;justify-content:center}body.gravel-shell .segment-create-map-wrap,body.gravel-shell .segment-create-selection-bridge{margin-right:14px;margin-left:14px}body.gravel-shell .segment-range-elevation.is-embedded{margin:0 14px 14px}body.gravel-shell .activity-track-selection-map{height:420px;min-height:420px}body.gravel-shell .segment-create-map-legend{display:none}body.gravel-shell .segment-create-range-toolbar{left:28px;max-width:calc(100% - 56px)}body.gravel-shell .segment-create-range-toolbar button{flex-grow:1;flex-shrink:0;flex-basis:calc(50% - 8px);justify-content:center}body.gravel-shell .segment-range-plot{height:250px}body.gravel-shell .segment-range-elevation-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px 14px;gap:7px 14px}body.gravel-shell .segment-range-elevation-metrics>span{justify-content:flex-start}body.gravel-shell .segment-create-selection-bridge{align-items:flex-start;flex-direction:column;gap:6px;padding:9px 11px}body.gravel-shell .segment-create-selection-bridge summary{text-align:left}body.gravel-shell .segment-create-selection-bridge details>div{right:auto;left:0}body.gravel-shell .segment-range-handle>span{display:none}body.gravel-shell .segment-range-nudges>div{align-items:stretch;flex-direction:column}body.gravel-shell .segment-range-nudges button,body.gravel-shell .segment-range-nudges>div>div{width:100%}body.gravel-shell .segment-range-nudges button{justify-content:center}body.gravel-shell .segment-create-mobile-form-trigger{right:14px;bottom:12px}body.gravel-shell .segment-create-review-drawer>footer,body.gravel-shell .segment-create-review-drawer>header,body.gravel-shell .segment-create-review-drawer>section{padding-right:18px;padding-left:18px}body.gravel-shell .segment-create-review-summary{grid-template-columns:1fr}body.gravel-shell .segment-create-review-summary span{min-height:42px}body.gravel-shell .segment-create-review-status{grid-template-columns:auto minmax(0,1fr);margin-right:18px;margin-left:18px}}@media (min-width:900px) and (min-height:700px){body.gravel-shell .segment-create-page{padding-bottom:12px}body.gravel-shell .segment-create-layout{min-height:calc(100dvh - var(--gm-nav-height))}body.gravel-shell .segment-create-main{position:-webkit-sticky;position:sticky;top:calc(var(--gm-nav-height) + 12px);height:calc(100vh - var(--gm-nav-height) - 24px);height:calc(100dvh - var(--gm-nav-height) - 24px);min-height:582px;grid-template-rows:minmax(0,1fr);gap:0}body.gravel-shell .segment-create-map-region,body.gravel-shell .segment-create-range-workbench,body.gravel-shell .segment-range-elevation{display:grid;min-height:0}body.gravel-shell .segment-create-range-workbench{grid-template-rows:minmax(360px,13fr) minmax(220px,7fr)}body.gravel-shell .segment-create-map-region,body.gravel-shell .segment-range-elevation{grid-template-rows:auto minmax(0,1fr)}body.gravel-shell .segment-range-elevation.is-embedded{margin:0 12px 12px}body.gravel-shell .segment-create-map-region>.segment-create-card-head,body.gravel-shell .segment-range-elevation-head{min-height:48px;padding:7px 14px}body.gravel-shell .segment-create-card-head h2{font-size:18px}body.gravel-shell .segment-create-map-region>.segment-create-card-head p{overflow:hidden;margin-top:2px;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}body.gravel-shell .segment-create-history-actions button{height:30px;padding-inline:9px;font-size:11px}body.gravel-shell .segment-create-map-stage{position:relative;display:grid;min-height:0;grid-template-rows:minmax(0,1fr) 46px;grid-gap:0;gap:0}body.gravel-shell .segment-create-map-wrap{height:100%;min-height:0;margin-inline:12px}body.gravel-shell .activity-track-selection-map{height:100%;min-height:0;border-radius:var(--gm-radius-card) var(--gm-radius-card) 0 0}body.gravel-shell .segment-create-map-controls{top:8px;right:8px}body.gravel-shell .segment-create-map-legend{right:8px;bottom:8px;gap:5px;padding:6px 8px;font-size:10px}body.gravel-shell .segment-create-range-toolbar{position:absolute;z-index:13;top:8px;left:20px;width:-moz-fit-content;width:fit-content;min-height:0;justify-content:flex-start;gap:6px;border:1px solid rgb(217 213 205/92%);border-radius:8px;background:rgb(252 251 248/92%);padding:4px;box-shadow:0 2px 8px rgb(30 29 26/10%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.gravel-shell .segment-create-range-toolbar>div{flex-wrap:nowrap;gap:4px}body.gravel-shell .segment-create-range-toolbar button{min-height:28px;padding-inline:8px;font-size:11px}body.gravel-shell .segment-create-selection-bridge{height:46px;min-height:46px;margin:0 12px;border-radius:0 0 var(--gm-radius-card) var(--gm-radius-card);padding:6px 10px}body.gravel-shell .segment-range-elevation-head{align-items:center}body.gravel-shell .segment-range-elevation-title p{overflow:hidden;margin:0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}body.gravel-shell .segment-range-elevation-metrics{min-height:0;margin:0;gap:12px}body.gravel-shell .segment-range-elevation-metrics span,body.gravel-shell .segment-range-elevation-metrics strong{font-size:10px;white-space:nowrap}body.gravel-shell .segment-range-plot{height:auto;min-height:0;margin:0}body.gravel-shell .segment-range-handle>span{top:4px;min-width:70px;padding:3px 5px;font-size:9px}body.gravel-shell .segment-range-handle>i{bottom:24px;height:25px}}@media (min-width:1100px) and (min-height:700px){body.gravel-shell .segment-create-aside{top:calc(var(--gm-nav-height) + 12px);height:calc(100vh - var(--gm-nav-height) - 24px);height:calc(100dvh - var(--gm-nav-height) - 24px);max-height:none}}@media (prefers-reduced-motion:reduce){body.gravel-shell .segment-create-aside,body.gravel-shell .segment-create-condition-tags button,body.gravel-shell .segment-create-review-drawer,body.gravel-shell .segment-surface-level-grid button{animation:none;transition:none}}body.gravel-shell .segment-review-elevation-empty{display:grid;min-height:150px;place-items:center;padding:20px;color:#77756f;font-size:12px;text-align:center}@media (max-width:767px){body.gravel-shell :is(.segment-create-field,.segment-create-poi-editor) :is(input:not([type=file]):not([type=range]):not([type=checkbox]):not([type=radio]),select){min-height:var(--gm-form-control-height-mobile)}}