.main:has(.compare){padding:16px 18px;overflow:hidden}.compare{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;height:calc(100vh - 69px);min-height:0;margin:0}.cpanel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;min-height:0;background:#191a1a;border:1px solid #101111;box-shadow:0 2px 14px #0008}.chead{padding:18px 18px 8px}.chead h1{font:400 29px/1.05 Georgia,serif;margin:0;color:#fff}.cmodes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #101111;border-bottom:1px solid #101111}.cmodes button{border:0;border-right:1px solid #101111;background:#242525;color:#ddd;padding:11px 7px;cursor:pointer}.cmodes button:last-child{border-right:0}.cmodes button.on{background:#6b1f20;color:#fff}.cslider{display:block;padding:12px 14px;border-bottom:1px solid #101111}.cslider span{display:block;color:#aaa59b;font-size:12px;margin-bottom:5px}.cslider input{width:100%;accent-color:#6b1f20}.clist{min-height:0;overflow:auto;padding:8px;scrollbar-color:#6b1f20 #171818;scrollbar-width:thin}.clist button{display:grid;grid-template-columns:70px 70px minmax(0,1fr);gap:8px;width:100%;min-height:70px;margin:0 0 7px;padding:7px;border:1px solid transparent;background:#222323;color:#ddd;text-align:left;cursor:pointer}.clist button:hover,.clist button.on{border-color:#6b1f20;background:#2b2c2c}.clist img{width:70px;height:52px;object-fit:cover;background:#111}.clist span{align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cstage{display:grid;grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;background:#121313;border:1px solid #101111;box-shadow:0 2px 14px #0008}.cbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:0 12px 0 16px;border-bottom:1px solid #050606;background:linear-gradient(#262727,#191a1a)}.cbar b{display:block;color:#fff;max-width:min(52vw,760px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbar span{display:block;color:#aaa59b;font-size:12px}.ctools{display:flex;gap:6px}.ctools button{width:32px;height:32px;border:1px solid #080909;background:#242525;color:#eee;cursor:pointer;font-weight:700}.ctools button:hover{background:#6b1f20}.cview{position:relative;min-height:0;background:#050606;overflow:hidden}.cview .osd{position:absolute;inset:0;background:#050606}.cview.split .ctop{clip-path:inset(0 0 0 50%)}.cview.overlay .ctop{clip-path:none}.cview.side{display:grid;grid-template-columns:1fr 1fr;gap:1px}.cview.side .osd{position:relative;inset:auto}.cview.side .cdivider{display:none}.cdivider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#f6f6f6;box-shadow:0 0 0 1px #000,0 0 18px #000;z-index:3;pointer-events:none}.cdivider:before{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#6b1f20;border:1px solid #fff;box-shadow:0 2px 10px #000}.cview.overlay .cdivider,.cview.side .cdivider{display:none}@media(max-width:980px){.main:has(.compare){overflow:auto}.compare{grid-template-columns:1fr;height:auto}.cpanel{height:390px}.cstage{height:72vh}.cbar b{max-width:58vw}}@media(max-width:560px){.compare{gap:12px}.cbar{align-items:flex-start;flex-direction:column;padding:9px 10px}.cstage{grid-template-rows:auto 62vh}.cbar b{max-width:88vw}.ctools button{width:30px;height:30px}}