dialog.proofdesk{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#161618;color:#e5e5e8;overflow:hidden;--panel:280px}dialog.proofdesk[open]{display:grid;grid-template-rows:60px minmax(0,1fr) 44px 130px}.proofdesk::backdrop{background:#0b0b0d}.proofdesk .lightbox-top{padding:0 20px;border-bottom:1px solid #333338;background:#1d1d20;gap:20px;min-width:0}.proofdesk .lightbox-brand{display:flex;align-items:center;gap:13px;flex:1;min-width:0}.lightbox-brand>b{font-size:31px;letter-spacing:-3px;line-height:1;color:#f13540}.lightbox-brand>span{font-size:10px;letter-spacing:1px;line-height:1.5}.lightbox-brand small{display:block;font-size:8px;color:#797980;letter-spacing:1.8px}.proofdesk #lightbox-count{font-size:10px;color:#9999a2;white-space:nowrap}.viewer-toolbar{display:flex;align-items:center;gap:5px}.viewer-toolbar button,.viewer-zoom button{border:0;border-radius:5px;background:transparent;color:#a9a9b2;min-width:32px;height:29px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:12px Manrope,"Noto Sans Thai",sans-serif;cursor:pointer}.viewer-toolbar button>span{font-size:10px}.viewer-toolbar button:hover,.viewer-zoom button:hover{background:#303036;color:#fff}.viewer-toolbar button[aria-pressed=true],.viewer-zoom button[aria-pressed=true]{background:#34343c;color:#fff}.viewer-toolbar button[data-viewer=pick][aria-pressed=true]{color:#ffca7b}.proofdesk #close-lightbox{width:30px;height:30px;border:0;background:#2a2a30;color:#aaa;font-size:16px;border-radius:50%}.proofdesk .lightbox-body,.proofdesk.has-details .lightbox-body{display:grid;grid-template-columns:minmax(0,1fr) var(--panel);position:relative;min-height:0;overflow:hidden;flex:none;gap:0;padding:0}.proofdesk.info-hidden .lightbox-body{grid-template-columns:minmax(0,1fr) 0}.proofdesk .viewer-canvas,.proofdesk.has-details .viewer-canvas{height:100%;width:100%;min-height:0;max-height:none;margin:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:#111113;touch-action:pan-y}.proofdesk .viewer-canvas img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 3px 24px #0005;transition:none;transform-origin:center;will-change:transform}.proofdesk.is-zoomed .viewer-canvas{cursor:grab;touch-action:none}.proofdesk .viewer-canvas.dragging{cursor:grabbing}.proofdesk .lightbox-details,.proofdesk.has-details .lightbox-details{display:block;width:var(--panel);height:100%;max-height:none;margin:0;border:0;border-left:1px solid #303035;padding:24px 20px;background:#202023;overflow:auto;font-size:11px;line-height:1.8}.proofdesk.info-hidden .lightbox-details{visibility:hidden;pointer-events:none}.proofdesk .lightbox-details h3{font-size:19px;line-height:1.5;color:#eee}.proofdesk .lightbox-details p{font-size:11px;color:#9c9ca6}.proofdesk .lightbox-details .eyebrow{font-size:9px;color:#b5b5bf;letter-spacing:1.6px}.viewer-file-facts{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #ffffff12}.viewer-file-facts dl>div{display:flex;justify-content:space-between;gap:15px;margin-top:7px;font-size:10px}.viewer-file-facts dt{color:#81818d}.viewer-file-facts dd{margin:0;text-align:right;color:#c4c4cc}.proofdesk .lightbox-details .film-facts>div{display:block;padding:8px 0}.proofdesk .lightbox-details .film-facts dt{font-size:10px}.proofdesk .lightbox-details .film-facts dd{font-size:11px;margin-top:4px}.proofdesk .lightbox-details .film-sources{display:flex;flex-wrap:wrap;gap:6px 12px}.proofdesk .photo-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);border:1px solid #ffffff14;background:#24242cb3;color:#bfbfc8;width:30px;height:44px;font-size:17px;border-radius:5px;opacity:0;transition:opacity .2s}.proofdesk .previous{left:12px}.proofdesk .next{right:calc(var(--panel) + 12px)}.proofdesk.info-hidden .next{right:12px}.proofdesk .lightbox-body:hover .photo-nav,.proofdesk .photo-nav:focus-visible{opacity:1}.proofdesk .lightbox-bottom{border-top:1px solid #33333a;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#1d1d20;gap:12px;min-width:0}.viewer-image-title{min-width:0;display:flex;gap:18px;align-items:center;font-size:10px}.viewer-image-title #lightbox-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.viewer-image-title small{font-size:9px;color:#858590;white-space:nowrap}.viewer-zoom{display:flex;gap:3px;align-items:center;white-space:nowrap}.viewer-zoom button{font-size:10px}.viewer-zoom output{font-size:9px;color:#a9a9b3;min-width:34px;text-align:center}.viewer-filmstrip{min-width:0;background:#242427;border-top:1px solid #38383f;padding:10px 20px 12px}.filmstrip-heading{display:flex;justify-content:space-between;font-size:9px;color:#b7b7c1;line-height:1.2;margin-bottom:9px;gap:20px}.viewer-shortcuts{color:#72727e}.filmstrip-frames{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:3px 1px 6px;scrollbar-width:thin;scrollbar-color:#53535d transparent;height:92px}.filmstrip-frames button,.viewer-grid button{flex:0 0 65px;height:76px;position:relative;border:1px solid #ffffff10;padding:4px;background:#17171b;border-radius:3px;cursor:pointer}.filmstrip-frames button img{width:100%;height:100%;object-fit:contain}.filmstrip-frames button span,.viewer-grid button span{position:absolute;bottom:3px;right:4px;font:8px Manrope,sans-serif;padding:1px 3px;background:#0009;color:#999}.filmstrip-frames button.active,.viewer-grid button.active{border-color:#f13540;box-shadow:0 0 0 1px #f13540;background:#343037}.filmstrip-frames button.is-picked:after,.viewer-grid button.is-picked:after{content:'★';position:absolute;top:2px;left:4px;color:#ffca7b;font-size:10px;text-shadow:0 1px 3px #000}.proofdesk .viewer-grid{position:absolute;z-index:4;inset:0 var(--panel) 0 0;background:#141417;overflow:auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:20px;align-content:start}.proofdesk.info-hidden .viewer-grid{right:0}.viewer-grid[hidden]{display:none!important}.viewer-grid button{height:180px;padding:7px}.viewer-grid img{width:100%;height:100%;object-fit:contain}.proofdesk.grid-visible .photo-nav{visibility:hidden}.proofdesk button:focus-visible,.proofdesk a:focus-visible,.viewer-canvas:focus-visible{outline:2px solid #d7d7e2;outline-offset:3px}.proofdesk .detail-en{font-size:10px;color:#aaa}.proofdesk .project-permalink{font-size:10px}.proofdesk .supplement-label{font-size:8px}.proofdesk .loading:after{border-color:#444;border-top-color:#eee}@media(max-width:1000px){dialog.proofdesk{--panel:245px}.viewer-toolbar button>span{display:none}.viewer-image-title small{display:none}}@media(max-width:760px){dialog.proofdesk[open]{grid-template-rows:52px minmax(0,1fr) 46px 112px}.proofdesk .lightbox-top{padding:0 11px;gap:8px}.proofdesk .lightbox-brand{gap:8px}.lightbox-brand>b{font-size:26px}.lightbox-brand>span{font-size:8px}.lightbox-brand small{font-size:6px;letter-spacing:1px}.proofdesk #lightbox-count{font-size:8px}.viewer-toolbar{gap:1px}.viewer-toolbar button{min-width:28px;padding:0 6px;font-size:13px}.viewer-toolbar button[data-viewer=full]{display:none}.proofdesk .lightbox-body,.proofdesk.has-details .lightbox-body{grid-template-columns:1fr}.proofdesk .viewer-canvas,.proofdesk.has-details .viewer-canvas{padding:12px}.proofdesk .lightbox-details,.proofdesk.has-details .lightbox-details{position:absolute;inset:0 0 0 auto;width:min(310px,88vw);z-index:5;box-shadow:-10px 0 40px #0008}.proofdesk .photo-nav{opacity:1;width:26px;height:35px}.proofdesk .next{right:8px}.proofdesk .previous{left:8px}.proofdesk .lightbox-bottom{padding:0 10px}.viewer-image-title{font-size:9px}.viewer-image-title #lightbox-caption{max-width:35vw}.viewer-zoom{gap:0}.viewer-zoom button{min-width:26px;padding:0 5px;font-size:9px}.viewer-zoom output{min-width:30px}.viewer-filmstrip{padding:9px 10px 8px}.viewer-shortcuts{display:none}.filmstrip-heading{font-size:8px}.filmstrip-frames{height:77px;gap:5px}.filmstrip-frames button{height:63px;flex-basis:54px}.proofdesk .viewer-grid{right:0;padding:14px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.viewer-grid button{height:140px}}@media(prefers-reduced-motion:reduce){.proofdesk *{transition:none!important;scroll-behavior:auto!important}}