.compare-page{max-width:1440px;margin:auto;padding:26px 0 56px}.compare-heading{justify-content:space-between;align-items:center;gap:24px;margin:28px 0;display:flex}.compare-heading .eyebrow{margin-bottom:10px}.compare-heading h1{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(28px,3.5vw,42px);line-height:1.2}.compare-heading p:not(.eyebrow),.compare-browse{color:var(--color-text-secondary);font-size:15px}.compare-browse{white-space:nowrap}#compare-tool{--paper-a:#38bdf8;--paper-b:#fb923c}html[data-theme=light] #compare-tool{--paper-a:#0369a1;--paper-b:#b45309}#compare-tool button,#compare-tool input,#compare-tool select{font:inherit}#compare-tool button{cursor:pointer}.compare-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.compare-presets span{color:var(--color-text-secondary);margin-inline-end:8px;font-size:12px}.compare-presets button{border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-bg-card);border-radius:100px;padding:8px 14px;font-size:12px!important}.compare-presets button:hover{color:var(--color-text-primary);border-color:var(--color-accent-2)}.compare-workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.compare-controls{min-width:0}.compare-picker{border:1px solid var(--color-border-subtle);background:var(--color-bg-card);border-radius:16px;margin-bottom:14px;padding:20px;position:relative}.compare-picker:has(.picker-panel:not([hidden])){z-index:35}.picker-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.picker-heading h2{align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.paper-badge{background:color-mix(in srgb, var(--paper-a) 15%, transparent);width:23px;height:23px;color:var(--paper-a);border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.picker-1 .paper-badge,.badge-b{color:var(--paper-b);background:color-mix(in srgb, var(--paper-b) 15%, transparent)}.rotate-paper{color:var(--color-text-secondary);background:0 0;border:0;padding:6px 0 6px 8px;font-size:17px!important}.rotate-paper span{font-size:12px}.rotate-paper[aria-pressed=true]{color:var(--color-accent-2)}.paper-picker-trigger{text-align:start;width:100%;color:var(--color-text-primary);background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:0;display:flex}.paper-picker-trigger strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:30px;line-height:1.2;display:block}.paper-picker-trigger small{color:var(--color-text-secondary);margin-top:5px;font-size:12px;display:block}.paper-picker-trigger svg{color:var(--color-text-secondary);flex-shrink:0}.picker-dimensions{color:var(--paper-a);font-variant-numeric:tabular-nums;text-align:start;margin:18px 0 0;font-size:15px}.picker-1 .picker-dimensions{color:var(--paper-b)}.picker-panel{z-index:35;border:1px solid var(--color-border-focus);background:var(--color-bg-surface);border-radius:12px;width:max(100%,360px);padding:16px;position:absolute;top:calc(100% - 8px);left:0;box-shadow:0 20px 60px #0006}.picker-panel label{margin-bottom:10px;font-size:12px;font-weight:600;display:block}.picker-panel input,#compare-link{border:1px solid var(--color-border-subtle);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:8px;padding:11px 12px}.paper-options{overscroll-behavior:contain;max-height:240px;margin-top:10px;overflow-y:auto}.paper-option{text-align:start;width:100%;color:var(--color-text-primary);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:11px 9px;display:flex}.paper-option strong{font-size:14px;display:block}.paper-option small{color:var(--color-text-secondary);font-size:11px;display:block}.paper-option>span:last-child{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.paper-option:hover,.paper-option.is-highlighted{background:var(--color-bg-input-focus)}.paper-option[aria-selected=true] strong{color:var(--color-accent-2)}.picker-hint{color:var(--color-text-secondary);margin-top:10px;font-size:11px}.compare-swap{width:100%;color:var(--color-text-secondary);border:1px dashed var(--color-border-subtle);background:0 0;border-radius:10px;padding:10px;font-size:13px!important}.compare-swap:hover{border-color:var(--color-accent-2);color:var(--color-text-primary)}.compare-unit-field{margin-top:22px}.compare-unit-field label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.compare-unit-field select{border:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-primary);background:var(--color-bg-surface);border-radius:9px;padding:11px 12px}.compare-unit-field p{color:var(--color-text-secondary);margin-top:8px;font-size:11px}.compare-actions{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.compare-share-footer{max-width:420px;margin:28px auto 0}.compare-actions .btn-primary{width:100%;padding:16px 12px;font-weight:700;font-size:15px!important}#compare-share{color:#fff;background:#2563eb;border:1px solid #1d4ed8;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:56px;display:inline-flex;box-shadow:0 5px 14px #2563eb47}#compare-share svg{flex-shrink:0}#compare-share:hover{color:#fff;background:#1d4ed8;box-shadow:0 6px 18px #2563eb61}#compare-share:focus-visible{outline-offset:4px;outline:3px solid #60a5fa}.compare-reset{color:var(--color-text-secondary);background:0 0;border:0;padding:10px 0;font-size:12px!important}#compare-feedback{color:var(--color-accent-2);min-height:20px;margin-top:9px;font-size:12px}#compare-link-fallback label{font-size:12px}.compare-visual{border:1px solid var(--color-border-subtle);background:var(--color-bg-card);border-radius:18px;min-width:0;overflow:hidden}.compare-visual-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.compare-visual-heading h2{font-size:17px}.compare-visual-heading p{color:var(--color-text-secondary);margin-top:5px;font-size:12px}.compare-view-switch{background:var(--color-bg-deep);border:1px solid var(--color-border-subtle);border-radius:9px;padding:4px;display:flex}.compare-view-switch button{color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:12px!important}.compare-view-switch button[aria-pressed=true]{background:var(--color-bg-input-focus);color:var(--color-text-primary);box-shadow:0 2px 4px #0002}.compare-canvas{background-image:radial-gradient(circle, var(--color-border-subtle) 1px, transparent 1px);background-size:20px 20px;background-color:var(--color-bg-deep);border-radius:12px;margin:0 20px}#compare-svg{width:100%;height:auto;min-height:280px;max-height:460px;display:block}.comparison-sheet{stroke-width:3px}.sheet-0{fill:color-mix(in srgb, var(--paper-a) 18%, transparent);stroke:var(--paper-a)}.sheet-1{fill:color-mix(in srgb, var(--paper-b) 14%, transparent);stroke:var(--paper-b);stroke-dasharray:7 5}.sheet-label{font:600 16px Inter,sans-serif}.label-0{fill:var(--paper-a)}.label-1{fill:var(--paper-b)}.sheet-annotations{pointer-events:none}.sheet-annotations text{paint-order:stroke fill;stroke:var(--color-bg-deep);stroke-width:2px;stroke-linejoin:round}.paper-inside-name{font:700 23px Inter,sans-serif}.paper-inside-size{font:500 13px Inter,sans-serif}.overlay-annotations .paper-inside-name{font-size:21px}.overlay-annotations .paper-inside-size{font-size:12px}.dimension-label{font:600 13px Inter,sans-serif}.dimension-line,.dimension-extension{stroke:currentColor;stroke-width:1.25px}.dimension-extension{opacity:.45;stroke-dasharray:3 3}.sheet-annotations.label-0{color:var(--paper-a)}.sheet-annotations.label-1{color:var(--paper-b)}.compare-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:22px 20px 10px;display:flex}.compare-legend>span{align-items:center;gap:8px;font-size:13px;display:flex}.compare-legend>span>span{color:var(--color-text-secondary);font-size:11px}.compare-legend i{border:2px solid var(--paper-a);width:18px;height:12px;display:inline-block}.compare-legend .legend-b{border-color:var(--paper-b);border-style:dashed}.compare-scale-note{color:var(--color-text-secondary);text-align:center;padding:0 20px 22px;font-size:11px}.compare-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 36px;display:grid}.compare-insights article{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:14px;padding:22px}.compare-insights article>span{letter-spacing:.09em;color:var(--color-text-secondary);font-size:10px;font-weight:700;display:block}.compare-insights strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:12px 0 7px;font-size:clamp(18px,2vw,25px);line-height:1.3;display:block}.compare-insights p{color:var(--color-text-secondary);font-size:12px}.compare-details{border:1px solid var(--color-border-subtle);border-radius:16px;overflow:hidden}.compare-details-heading{padding:24px}.compare-details-heading h2{font-size:20px}.compare-details-heading p{color:var(--color-text-secondary);margin-top:8px;font-size:13px}.compare-table{border-collapse:collapse;text-align:start;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.compare-table th,.compare-table td{text-align:start;border-top:1px solid var(--color-border-subtle);padding:15px 24px}.compare-table thead{background:var(--color-bg-input)}.compare-table tbody th{color:var(--color-text-secondary);font-weight:400}.compare-table .paper-badge{margin-inline-end:6px}.compare-detail-note{color:var(--color-text-secondary);border-top:1px solid var(--color-border-subtle);padding:20px 24px;font-size:12px}@media (width<=900px){.compare-workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.compare-visual-heading,.compare-insights article{padding:18px}}@media (width<=700px){.compare-heading{margin:22px 0}.compare-browse{display:none}.compare-heading p:not(.eyebrow){font-size:14px}.compare-workspace{grid-template-columns:1fr}.compare-presets{gap:6px}.compare-presets span{width:100%;margin-bottom:3px}.compare-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare-picker{min-width:0;margin:0;padding:14px}.picker-heading{flex-wrap:wrap;gap:4px;margin-bottom:12px}.picker-heading h2{font-size:11px}.rotate-paper{padding:5px 0;font-size:16px!important}.rotate-paper span{font-size:10px}.paper-picker-trigger strong{font-size:24px}.paper-picker-trigger small{font-size:11px}.picker-dimensions{margin-top:12px;font-size:12px}.picker-panel{width:calc(200% + 12px);padding:12px}.picker-1 .picker-panel{left:auto;right:0}.paper-options{max-height:220px}.compare-swap{grid-column:1/-1}.compare-unit-field{margin-top:2px}.compare-actions{flex-wrap:wrap;grid-column:1/-1;align-self:center;gap:4px 12px;margin-top:2px}.compare-actions .btn-primary{flex:auto;width:100%}.compare-reset{padding:3px 0}#compare-feedback,#compare-link-fallback{grid-column:1/-1;margin:0}#compare-feedback:empty{display:none}#compare-svg{min-height:240px}.paper-inside-name{font-size:32px}.paper-inside-size{font-size:20px}.overlay-annotations .paper-inside-name{font-size:28px}.overlay-annotations .paper-inside-size{font-size:18px}.dimension-label{font-size:22px}.compare-canvas{margin:0 12px}.compare-visual-heading{gap:12px;padding:18px 14px}.compare-legend{gap:12px}.compare-legend>span{flex-wrap:wrap;font-size:12px}.compare-insights{grid-template-columns:1fr;gap:10px;margin:16px 0 24px}.compare-insights article{padding:16px 18px}.compare-insights strong{margin:7px 0 5px;font-size:24px}.compare-details-heading{padding:18px}.compare-table th,.compare-table td{padding:13px 12px;font-size:12px}.compare-detail-note{padding:18px}.compare-table th:first-child{max-width:125px}}