.compare-empty{width:min(560px,calc(100% - (var(--space-6) * 2)));margin:var(--space-8) auto;padding:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-6)}.compare-empty__hero{display:flex;flex-direction:column;align-items:flex-start}.compare-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);margin-bottom:var(--space-4)}.compare-empty__icon svg{width:22px;height:22px}.compare-empty__eyebrow{margin:0 0 var(--space-2);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary)}.compare-empty__title{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:700;letter-spacing:0;color:var(--color-text)}.compare-empty__body{margin:0;color:var(--color-text-secondary);line-height:1.55;max-width:38ch}.compare-empty__action{margin-top:var(--space-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:600;font-size:.9375rem;cursor:pointer}.compare-empty__action svg{width:14px;height:14px}.compare-empty__preview{display:flex;flex-direction:column;gap:var(--space-2)}.compare-empty__preview-label{align-self:flex-start;padding:2px var(--space-2);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.compare-empty__preview-sheet{display:grid;border:1px dashed color-mix(in srgb,var(--color-border-strong) 80%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-alt) 55%,var(--color-surface));overflow:hidden}.compare-empty__preview-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.compare-empty__preview-row:first-child{border-top:0}.compare-empty__preview-row>.compare-empty__preview-eyebrow,.compare-empty__preview-row>.compare-empty__preview-text{grid-column:1}.compare-empty__preview-eyebrow,.compare-empty__preview-text{display:block;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text-tertiary) 24%,transparent)}.compare-empty__preview-eyebrow{height:7px;width:38%}.compare-empty__preview-text{margin-top:var(--space-2);height:12px;width:70%}.compare-empty__preview-row:nth-child(2) .compare-empty__preview-text{width:60%}.compare-empty__preview-row:nth-child(3) .compare-empty__preview-text{width:82%}.compare-empty__preview-chev{grid-column:2;grid-row:1 / span 2;width:8px;height:8px;border-right:1.5px solid color-mix(in srgb,var(--color-text-tertiary) 50%,transparent);border-bottom:1.5px solid color-mix(in srgb,var(--color-text-tertiary) 50%,transparent);transform:rotate(-45deg);margin-right:var(--space-2)}.compare-preboot-loading{grid-column:1 / -1;width:100%;box-sizing:border-box}.compare-preboot-loading__desktop{display:grid;grid-template-columns:var(--compare-grid-label-width) repeat(var(--compare-column-count, 4),minmax(0,1fr));width:100%}.compare-preboot-loading__horizon{grid-column:1 / -1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-accent) 32%,transparent) 8% 92%,transparent);margin:var(--space-3) 0 var(--space-4)}.compare-preboot-loading__row-label,.compare-preboot-loading__label-col{grid-column:1;padding:var(--space-4);display:flex;align-items:center}.compare-preboot-loading__row-label-line,.compare-preboot-loading__label-tag{display:block;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.compare-preboot-loading__row-label-line{width:64%;height:9px}.compare-preboot-loading__label-tag{width:56px;height:10px}.compare-preboot-loading__row-cell{grid-column:span 1;padding:var(--space-4) var(--space-5);border-left:1px solid color-mix(in srgb,var(--color-text) 4%,transparent);display:flex;flex-direction:column;gap:var(--space-2)}.compare-preboot-loading__row-cell-line{display:block;height:8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text) 4%,transparent)}.compare-preboot-loading__row-cell-line:nth-child(1){width:72%}.compare-preboot-loading__row-cell-line:nth-child(2){width:48%}.compare-preboot-loading__card{grid-column:span 1;display:flex;flex-direction:column;padding:var(--space-4) var(--space-5) var(--space-3);width:100%;max-width:320px;margin-inline:auto;min-width:0}.compare-preboot-loading__media{display:block;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.compare-preboot-loading__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0 0}.compare-preboot-loading__chip{display:block;height:18px;width:88px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.compare-preboot-loading__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.compare-preboot-loading__line{display:block;height:11px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text) 7%,transparent)}.compare-preboot-loading__line--title{height:14px;flex:1 1 auto;max-width:70%}.compare-preboot-loading__line--save{height:14px;width:14px;flex:0 0 14px;border-radius:3px;background:transparent;border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent)}.compare-preboot-loading__line--price{height:18px;width:70%}.compare-preboot-loading__line--weight{height:9px;width:42%}.compare-preboot-loading__line--package{height:12px;width:84%;margin-top:var(--space-1)}.compare-preboot-loading__mobile{display:none}:root[data-compare-camper-count="1"] .compare-preboot-loading__card:nth-of-type(n+2),:root[data-compare-camper-count="1"] .compare-preboot-loading__row-cell:nth-of-type(n+2),:root[data-compare-camper-count="2"] .compare-preboot-loading__card:nth-of-type(n+3),:root[data-compare-camper-count="2"] .compare-preboot-loading__row-cell:nth-of-type(n+3),:root[data-compare-camper-count="3"] .compare-preboot-loading__card:nth-of-type(n+4),:root[data-compare-camper-count="3"] .compare-preboot-loading__row-cell:nth-of-type(n+4){display:none}@media(max-width:768px){.compare-empty{width:min(100%,calc(100vw - (var(--space-4) * 2)));margin:var(--space-4) auto var(--space-5);padding:var(--space-5);gap:var(--space-5)}.compare-empty__icon{width:40px;height:40px;margin-bottom:var(--space-3)}.compare-empty__title{font-size:1.32rem}.compare-empty__body{font-size:.94rem}.compare-empty__action{width:100%;min-height:46px}.compare-empty__preview-label{font-size:.64rem}.compare-preboot-loading{padding:var(--space-3) var(--space-4) var(--space-5)}.compare-preboot-loading__desktop{display:none}.compare-preboot-loading__mobile{display:grid;gap:var(--space-4);width:100%}.compare-preboot-loading__mobile-hero,.compare-preboot-loading__mobile-section-card{min-height:var(--space-14);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:var(--radius-lg);background:var(--surface-card)}.compare-preboot-loading__mobile-hero{min-height:20rem}.compare-preboot-loading__mobile-section{display:grid;gap:var(--space-2)}}body[data-page=compare] #drawer{display:none}:root[data-page-key=compare]{height:100vh;overflow:hidden}body[data-page=compare]{height:100vh;overflow:hidden}body[data-page=compare] .app-layout{height:100vh;min-height:0;overflow:hidden}body[data-page=compare] .main-content.compare-rows-host{height:100vh;min-height:0;overflow:hidden;margin-left:calc(var(--sidebar-collapsed) + (var(--shell-panel-inset) * 2))!important;margin-right:var(--shell-panel-inset)!important;background:var(--color-bg)}:root[data-sidebar-state=overlay] body[data-page=compare] .main-content.compare-rows-host,:root[data-sidebar-state=locked] body[data-page=compare] .main-content.compare-rows-host{margin-left:calc(var(--sidebar-expanded) + (var(--shell-panel-inset) * 2))!important}body[data-page=compare] .compare-page.compare-rows-page{--compare-controls-height: 0px;--compare-control-fill: color-mix(in srgb, var(--color-surface) 92%, var(--color-border) 8%);--compare-control-fill-hover: color-mix(in srgb, var(--color-surface) 84%, var(--color-border) 16%);--compare-grid-label-width: clamp(136px, 14vw, 176px);display:flex;flex-direction:row;gap:0;height:100vh;min-height:0;min-width:0;overflow:hidden;background:var(--surface-canvas, var(--color-bg))}@supports (height: 100dvh){:root[data-page-key=compare],body[data-page=compare],body[data-page=compare] .app-layout,body[data-page=compare] .main-content.compare-rows-host,body[data-page=compare] .compare-page.compare-rows-page{height:100dvh}}.compare-page.compare-rows-page .compare-workspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.compare-page.compare-rows-page .compare-workspace__views{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 var(--space-3) var(--space-4);box-sizing:border-box}body[data-page=compare] .compare-page.compare-rows-page .compare-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left center actions";align-items:center;gap:var(--space-2) var(--space-4);position:relative;z-index:2;margin:var(--space-3) 0 var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-card);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-card);flex-shrink:0}body[data-page=compare][data-compare-active-mode=build] .compare-controls{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}body[data-page=compare][data-compare-active-mode=build] .compare-page.compare-rows-page .compare-controls{background:var(--surface-card);border-bottom:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.compare-controls__left{grid-area:left;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);align-items:center;min-width:0}.compare-controls__left:before{content:"";grid-column:1;grid-row:1 / span 2;align-self:center;width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 22%,transparent)}.compare-controls__title{grid-column:2;grid-row:1;margin:0;font-family:var(--font-display);font-size:.9375rem;font-weight:900;letter-spacing:0;color:var(--color-text);white-space:nowrap;line-height:1}.compare-controls__count{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.compare-controls__truck-mode{grid-column:2;grid-row:2;margin:2px 0 0;max-width:100%;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.compare-controls__center{grid-area:center;justify-self:center;flex-shrink:0}.compare-controls__actions{grid-area:actions;display:flex;align-items:center;justify-self:end;gap:8px;flex-wrap:nowrap;white-space:nowrap;min-width:0;position:relative}.compare-controls__rule{flex:0 0 auto;width:1px;height:18px;background:color-mix(in srgb,var(--color-text) 14%,transparent);margin:0 4px}.segmented-control{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:184px;padding:4px;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text) 6%,var(--color-bg-alt))}.segmented-control__tab{min-height:32px;padding:0 18px;border:0;background:transparent;color:var(--color-text);font-family:var(--font-display);font-size:.8125rem;font-weight:800;letter-spacing:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2;border-radius:var(--radius-pill);cursor:pointer}.segmented-control__icon{width:14px;height:14px;flex:0 0 auto;opacity:.7}.segmented-control__tab.is-active,.segmented-control__tab[aria-selected=true]{color:var(--color-text)}.segmented-control__tab.is-active .segmented-control__icon,.segmented-control__tab[aria-selected=true] .segmented-control__icon{opacity:1;color:var(--color-accent)}.segmented-control__indicator{position:absolute;top:4px;left:0;height:calc(100% - 8px);width:calc(50% - 4px);border-radius:var(--radius-pill);background:var(--color-surface);z-index:1;box-shadow:0 1px 6px color-mix(in srgb,var(--color-text) 18%,transparent),inset 0 1px #fff9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);flex:0 0 auto;min-height:38px;border-radius:var(--radius-pill);border:1.5px solid transparent;background:var(--compare-control-fill);color:var(--color-text-secondary);padding:0 var(--space-3);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;letter-spacing:.01em;cursor:pointer}.btn[hidden],.btn.is-hidden,.compare-diff-toggle.is-hidden,.overflow-dropdown[hidden],[hidden]{display:none!important}.btn--add-camper{min-height:34px;padding:0 14px;gap:6px;border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent);font-family:var(--font-display);font-size:.75rem;font-weight:900;letter-spacing:.04em}.btn--add-camper svg,.btn--upgrade-info svg{width:13px;height:13px;flex:0 0 auto}.btn--upgrade-info{min-height:34px;padding:0 12px;gap:6px;border-color:color-mix(in srgb,var(--color-text) 12%,transparent);background:color-mix(in srgb,var(--color-surface) 80%,transparent);color:var(--color-text-secondary);font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.04em}.compare-diff-toggle{display:inline-grid;flex:0 0 auto;grid-auto-flow:column;align-items:center;gap:var(--space-1);min-height:38px;padding:calc(var(--space-1) - 1px);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--compare-control-fill)}.compare-grid-wrapper{flex:1 1 auto;overflow:visible;position:relative;max-width:100%;background:var(--color-canvas)}.compare-page.compare-rows-page .compare-workspace__views>.compare-grid-wrapper{flex:0 0 auto;min-width:0;min-height:0}.compare-grid{display:grid;width:100%;min-width:0;grid-template-columns:var(--compare-grid-label-width) repeat(var(--compare-column-count, 4),minmax(0,1fr))}.compare-grid--empty{display:flex;min-width:0;justify-content:center}.compare-initial-loading{display:none;width:100%}:root[data-compare-camper-count] .compare-initial-empty{display:none}:root[data-compare-camper-count] .compare-initial-loading{display:block;grid-column:1 / -1}:root[data-compare-camper-count] .compare-grid--empty{display:grid;justify-content:stretch}.compare-page.compare-rows-page>.info-panel{flex:0 0 0;width:0;min-width:0;overflow:hidden}@media(min-width:769px){body[data-page=compare] .compare-page.compare-rows-page>.info-sheet{display:none}}@media(max-width:768px){:root[data-page-key=compare] body[data-page=compare] .main-content.compare-rows-host,:root[data-page-key=compare][data-sidebar-state=overlay] body[data-page=compare] .main-content.compare-rows-host,:root[data-page-key=compare][data-sidebar-state=locked] body[data-page=compare] .main-content.compare-rows-host,:root[data-page-key=compare] body[data-page=compare] .main-content.compare-rows-host[data-compare-panel-state=open]{margin-left:0!important;margin-right:0!important}body[data-page=compare] .compare-page.compare-rows-page .compare-controls{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left actions" "center center";padding:var(--space-3) var(--space-3) var(--space-2);gap:var(--space-2)}.compare-controls__center,.segmented-control{width:100%}.compare-controls__actions{gap:var(--space-1)}.compare-controls__title{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.compare-controls__count{font-size:.88rem}.btn--upgrade-info span,.compare-controls__rule{display:none}.compare-grid-wrapper{overflow-x:clip;overscroll-behavior-x:contain;padding:0 var(--space-2) var(--space-4)}:root[data-compare-camper-count] body[data-page=compare] .compare-page.compare-rows-page .compare-controls{display:none}:root[data-compare-camper-count] body[data-page=compare] .compare-page.compare-rows-page .compare-workspace__views,:root[data-compare-camper-count] body[data-page=compare] .compare-page.compare-rows-page .compare-grid-wrapper--build{padding-left:0;padding-right:0}}