.texture-compare__body{display:grid;gap:var(--sp-7)}.texture-compare__form{display:grid;gap:var(--sp-5);padding:var(--pad-card)}.texture-compare__picks{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--sp-4);align-items:end}.texture-compare__picks:has([data-swap][hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}.texture-compare__pick{display:grid;gap:var(--sp-2);min-width:0;font-size:var(--fs-small);color:var(--text-2)}.texture-compare select{width:100%;min-width:0}.texture-compare__swap{padding-inline:var(--sp-4);font-size:var(--fs-title)}.texture-compare__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:var(--sp-4);align-items:end}.texture-compare.is-enhanced .texture-compare__options{grid-template-columns:repeat(2,minmax(0,1fr))}.texture-compare__toolbar,.texture-compare__actions,.texture-compare__share,.texture-compare__links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.texture-compare__toolbar{justify-content:space-between;margin-bottom:var(--sp-4)}.texture-compare__title{margin:0;font-size:var(--fs-title);line-height:var(--lh-snug)}.texture-compare__zoom-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small)}.texture-compare__zoom-label select{width:auto}.texture-compare__stage{--split:50%;--zoom:1;--pan-x:50%;--pan-y:50%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-sunken);isolation:isolate}.texture-compare__frame{min-width:0;position:relative;margin:0}.texture-compare__picture{overflow:hidden;aspect-ratio:8 / 5}.texture-compare__picture img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--zoom));transform-origin:var(--pan-x) var(--pan-y);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.texture-compare__badge{position:absolute;top:var(--sp-3);left:var(--sp-3);max-width:calc(100% - var(--sp-6));padding:var(--sp-2) var(--sp-3);background:var(--glass-strong);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-small);overflow-wrap:anywhere;pointer-events:none}.texture-compare__stage[data-mode='wipe']{display:block;aspect-ratio:8 / 5}.texture-compare__stage[data-mode='wipe'] .texture-compare__frame{position:absolute;inset:0}.texture-compare__stage[data-mode='wipe'] [data-side='left']{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.texture-compare__stage[data-mode='wipe'] [data-side='right'] .texture-compare__badge{left:auto;right:var(--sp-3)}.texture-compare__divider{display:none}.texture-compare__stage[data-mode='wipe'] .texture-compare__divider{display:grid;place-items:center;position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--accent);z-index:3;pointer-events:none}.texture-compare__divider span{display:grid;place-items:center;width:var(--control-h);height:var(--control-h);border-radius:50%;background-color:var(--accent);background-image:var(--accent-fill);color:var(--accent-contrast);font-size:var(--fs-title)}.texture-compare.is-enhanced .texture-compare__stage{touch-action:pan-y;cursor:ew-resize}.texture-compare.is-enhanced .texture-compare__stage.is-zoomed{touch-action:none;cursor:grab}.texture-compare__slider{margin-top:var(--sp-4)}.texture-compare__slider label{display:flex;justify-content:space-between;font-size:var(--fs-small)}.texture-compare__slider input{width:100%}.texture-compare__hint{color:var(--text-3);font-size:var(--fs-small);line-height:var(--lh-base)}.texture-compare__viewer>.texture-compare__hint{margin-top:var(--sp-3)}.texture-compare__status{color:var(--text-2);font-size:var(--fs-small)}.texture-compare__status:empty{display:none}.texture-compare__share{margin-top:var(--sp-4)}.texture-compare__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--sp-6);padding:var(--pad-card)}.texture-compare__detail-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.texture-compare__detail-pair figure{margin:0;min-width:0}.texture-compare__detail-pair img{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;border-radius:var(--r-sm)}.texture-compare__detail-pair figcaption{margin-top:var(--sp-2);font-size:var(--fs-small);overflow-wrap:anywhere}.texture-compare__pack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.texture-compare__pack{padding:var(--pad-card);min-width:0;overflow-wrap:anywhere}.texture-compare__pack h3{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:0;font-size:var(--fs-body)}.texture-compare__pack p{font-size:var(--fs-small)}.texture-compare__pack-links{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:var(--fs-small)}.texture-compare__links{padding-bottom:var(--sp-6)}.texture-compare [hidden]{display:none!important}@media (max-width:768px){.texture-compare__picks{grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}.texture-compare__picks:has([data-swap][hidden]){grid-template-columns:minmax(0,1fr)}.texture-compare__swap{justify-self:center}.texture-compare__options,.texture-compare.is-enhanced .texture-compare__options{grid-template-columns:minmax(0,1fr)}.texture-compare__stage[data-mode='side'],.texture-compare__details,.texture-compare__pack-list{grid-template-columns:minmax(0,1fr)}.texture-compare__badge{font-size:var(--fs-caption);padding:var(--sp-1) var(--sp-2)}.texture-compare__stage[data-mode='wipe'] .texture-compare__badge{max-width:calc(50% - var(--sp-5))}.texture-compare__form,.texture-compare__details,.texture-compare__pack{padding:var(--pad-card-sm)}}