.main:has(.viewer){padding:16px 18px;overflow:hidden}.viewer{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;height:calc(100vh - 69px);min-height:0;margin:0}.vpanel{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}.vhead{padding:18px 18px 8px}.vhead h1{font:400 29px/1.05 Georgia,serif;margin:0;color:#fff}.vtabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #101111;border-bottom:1px solid #101111}.vtabs button{border:0;border-right:1px solid #101111;background:#242525;color:#ddd;padding:11px 10px;text-align:left;cursor:pointer}.vtabs button:last-child{border-right:0}.vtabs button.on{background:#6b1f20;color:#fff}.vtabs small{float:right;color:#b9b3a9}.vsearch{display:block;padding:12px 14px;border-bottom:1px solid #101111}.vsearch span{display:block;color:#aaa59b;font-size:12px;margin-bottom:5px}.vsearch input{width:100%;height:34px;background:#101111;border:1px solid #080909;color:#eee;padding:0 10px;outline:0}.vlist{min-height:0;overflow:auto;padding:8px;scrollbar-color:#6b1f20 #171818;scrollbar-width:thin}.vlist::-webkit-scrollbar{width:10px}.vlist::-webkit-scrollbar-track{background:#171818}.vlist::-webkit-scrollbar-thumb{background:#555;border:2px solid #171818}.vlist::-webkit-scrollbar-thumb:hover{background:#6b1f20}.vlist button{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 10px;width:100%;min-height:72px;margin:0 0 7px;padding:7px;border:1px solid transparent;background:#222323;color:#ddd;text-align:left;cursor:pointer}.vlist button:hover,.vlist button.on{border-color:#6b1f20;background:#2b2c2c}.vlist img{grid-row:1/3;width:82px;height:58px;object-fit:cover;background:#111}.vlist span{align-self:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vlist em{color:#d5a340;font-size:12px;font-style:normal}.vstage{display:grid;grid-template-rows:48px minmax(0,1fr) auto;min-width:0;min-height:0;background:#121313;border:1px solid #101111;box-shadow:0 2px 14px #0008}.vbar{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)}.vbar b{display:block;color:#fff;max-width:min(52vw,760px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vbar span{display:block;color:#aaa59b;font-size:12px}.vtools{display:flex;gap:6px}.vtools button{width:32px;height:32px;border:1px solid #080909;background:#242525;color:#eee;cursor:pointer;font-weight:700}.vtools button:hover{background:#6b1f20}.osd{width:100%;height:100%;min-height:0;background:#0b0c0c}.vnote{min-height:34px;padding:8px 14px;color:#aaa59b;font-size:12px;border-top:1px solid #050606;background:#171818}@media(max-width:980px){.main:has(.viewer){overflow:auto}.viewer{grid-template-columns:1fr;height:auto;min-height:0}.vpanel{height:430px}.vstage{height:72vh}.vbar b{max-width:58vw}}@media(max-width:560px){.viewer{gap:12px}.vtabs{grid-template-columns:1fr}.vbar{align-items:flex-start;flex-direction:column;padding:9px 10px}.vstage{grid-template-rows:auto 62vh auto}.vbar b{max-width:88vw}.vtools button{width:30px;height:30px}}