.detailed-gallery{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:20px;display:grid}.gallery-color-rail{flex-direction:column;gap:12px;padding-top:3px;display:flex}.gallery-rail-label{letter-spacing:.12em;color:#8c969d;text-align:center;margin-bottom:4px;font-size:8px}.gallery-color{background:#fff;border:1px solid #e9edef;border-radius:6px;flex-direction:column;align-items:center;gap:7px;padding:10px 5px;transition:border-color .2s,box-shadow .2s;display:flex}.gallery-color:hover{border-color:#a8b0b4}.gallery-color[aria-pressed=true]{border-color:var(--ink);box-shadow:0 5px 13px #17212a0b}.gallery-color img{object-fit:contain;filter:drop-shadow(0 3px 3px #17212a12);width:56px;height:66px}.gallery-color>span{color:#737f86;align-items:center;gap:5px;font-size:8px;display:flex}.gallery-color i{border-radius:50%;width:5px;height:5px;display:block}.gallery-color[aria-pressed=true]>span{color:var(--ink);font-weight:700}.gallery-main{min-width:0}.gallery-surface{background:#f8f9fa;border:1px solid #eff1f2;border-radius:8px;padding:14px 22px 22px}.gallery-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.gallery-meta>span{color:#929da5;letter-spacing:.1em;font-size:8px}.gallery-meta i{color:#bdc5cb;margin:0 6px;font-style:normal}.gallery-zoom-toggle{color:#6b7982;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;min-height:38px;padding:0 7px;font-size:9px;display:flex}.gallery-zoom-toggle[aria-pressed=true]{background:var(--lime);color:var(--ink)}.gallery-image-area{aspect-ratio:1;isolation:isolate;touch-action:pan-y;cursor:crosshair;position:relative}.gallery-image-area>img{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 10px #17212a15)}.gallery-magnifier{z-index:2;pointer-events:none;opacity:0;visibility:hidden;background-color:#fff;background-repeat:no-repeat;border:3px solid #fff;border-radius:50%;width:clamp(140px,13vw,180px);height:clamp(140px,13vw,180px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #17212a20,0 10px 30px #17212a30}.gallery-magnifier[data-visible=true]{opacity:1;visibility:visible}.gallery-view-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.gallery-view-options>button{color:#89969d;text-align:left;background:#fff;border:1px solid #e7ebed;border-radius:5px;align-items:center;gap:12px;min-width:0;padding:10px 14px;font-size:10px;display:flex;position:relative;overflow:hidden}.gallery-view-options>button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:700}.gallery-view-options>button[aria-pressed=true]:after{content:"";background:var(--lime);height:3px;position:absolute;bottom:0;left:0;right:0}.gallery-view-options img{object-fit:contain;width:34px;height:44px}.gallery-view-number{color:#a5afb5;margin-left:auto;font-size:8px;font-weight:400}.gallery-caption{color:#96a0a7;text-align:center;margin:15px 0 0;font-size:9px;line-height:1.8}.gallery-caption>span{margin:0 5px}@media (min-width:761px) and (max-width:1100px){.detailed-gallery{grid-template-columns:60px minmax(0,1fr);gap:12px}.gallery-color img{width:44px;height:55px}.gallery-color>span{font-size:7px}.gallery-surface{padding:10px 12px 18px}.gallery-view-options>button{gap:8px;padding:8px;font-size:9px}.gallery-view-number{display:none}}@media (max-width:760px){.detailed-gallery{grid-template-columns:54px minmax(0,1fr);gap:12px}.gallery-color-rail{gap:9px}.gallery-rail-label{letter-spacing:.1em;font-size:6px}.gallery-color{border-radius:4px;gap:6px;padding:8px 3px}.gallery-color img{width:42px;height:54px}.gallery-color>span{gap:3px;font-size:6px}.gallery-color i{width:4px;height:4px}.gallery-surface{border-radius:5px;padding:8px 10px 16px}.gallery-meta{gap:5px;margin-bottom:5px}.gallery-meta>span{letter-spacing:.06em;font-size:6px}.gallery-meta i{margin:0 3px}.gallery-zoom-toggle{gap:4px;min-height:36px;padding:0 4px;font-size:8px}.gallery-zoom-toggle svg{width:15px;height:15px}.gallery-magnifier{width:130px;height:130px}.gallery-view-options{gap:8px;margin-top:10px}.gallery-view-options>button{gap:7px;padding:8px 7px;font-size:8px}.gallery-view-options img{width:24px;height:34px}.gallery-view-number{display:none}.gallery-caption{margin-top:11px;font-size:7px}.gallery-caption>span{margin:0 2px}}