.screenshot-gallery{min-width:0;margin-bottom:36px}.screenshot-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.screenshot-heading h2{letter-spacing:-.025em;font-size:22px}.screenshot-heading>span{color:var(--mist-400);font-variant-numeric:tabular-nums;font-size:12px}.screenshot-stage{aspect-ratio:16/10;background:var(--surface-subtle,var(--surface-2));border:1px solid var(--hairline);cursor:zoom-in;border-radius:18px;justify-content:center;align-items:center;width:100%;padding:16px;display:flex;position:relative;overflow:hidden}.screenshot-stage img{object-fit:contain;border-radius:4px;width:100%;height:100%}.screenshot-enlarge{background:var(--paper-50,#f4f6ef);color:#263526;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 12px #15241815}.screenshot-caption{color:var(--mist-400);margin:12px 0;font-size:13px;line-height:1.5}.screenshot-thumbnails{gap:10px;padding:12px 2px 4px;display:flex;overflow-x:auto}.screenshot-thumbnails button{border:1px solid var(--hairline);opacity:.65;border-radius:9px;flex:0 0 96px;padding:5px;transition:border-color .2s,opacity .2s}.screenshot-thumbnails button[aria-pressed=true]{border-color:var(--moss-500,#78905d);opacity:1}.screenshot-thumbnails img{object-fit:contain;width:100%;height:60px}.screenshot-lightbox{border:1px solid var(--hairline);background:var(--paper-50,#f4f6ef);width:min(96vw,1500px);max-height:94dvh;color:var(--ink-900,#202b21);border-radius:18px;padding:18px}.screenshot-lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08140dd9}.screenshot-lightbox>img{object-fit:contain;width:100%;height:min(72dvh,1000px)}.screenshot-lightbox-toolbar,.screenshot-lightbox-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.screenshot-lightbox-toolbar{padding-bottom:12px;font-size:13px}.screenshot-lightbox-footer{padding-top:12px;font-size:13px}.screenshot-lightbox-footer p{text-align:center}.screenshot-lightbox button,.screenshot-edit-actions button{border:1px solid var(--hairline);cursor:pointer;border-radius:8px;place-items:center;padding:10px;display:grid}.screenshot-drop{border:1px dashed var(--hairline);border-radius:14px;align-items:center;gap:16px;padding:24px;display:flex}.screenshot-drop.is-dragging{background:var(--surface-subtle);border-color:var(--moss-500,#78905d)}.screenshot-drop>div{flex:1}.screenshot-drop p{color:var(--mist-400);margin-top:6px;font-size:12px;line-height:1.6}.screenshot-upload-button{flex-shrink:0;position:relative;overflow:hidden}.screenshot-upload-button:before{content:"";transform:translateX(calc(var(--upload-progress) - 100%));background:#8caa6a33;transition:transform .15s;position:absolute;inset:0}.screenshot-upload-button>span{align-items:center;gap:8px;display:flex;position:relative}.screenshot-edit-list{gap:12px;margin-top:16px;display:grid}.screenshot-edit-item{border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.screenshot-edit-item>img{object-fit:contain;border-radius:5px;width:120px;height:80px}.screenshot-edit-item>label{flex:1;min-width:0}.screenshot-edit-actions{gap:5px;display:flex}.screenshot-edit-actions button:disabled{opacity:.3}.screenshot-gallery button:focus-visible,.screenshot-editor button:focus-visible{outline:2px solid var(--moss-500,#78905d);outline-offset:3px}@media (max-width:640px){.screenshot-drop{flex-wrap:wrap;padding:18px}.screenshot-upload-button{justify-content:center;width:100%}.screenshot-edit-item{flex-wrap:wrap}.screenshot-edit-item>label{flex-basis:calc(100% - 140px)}.screenshot-edit-actions{margin-left:auto}.screenshot-stage{border-radius:12px;padding:8px}.screenshot-enlarge{padding:6px 8px;font-size:10px}.screenshot-lightbox{padding:12px}.screenshot-lightbox>img{height:65dvh}}.program-page .screenshot-stage,.screenshot-editor .screenshot-drop.is-dragging{background:var(--ink-850)}dialog.screenshot-lightbox{border:1px solid var(--hairline);background:var(--ink-900);width:min(1280px,100vw - 64px);max-width:none;height:min(880px,100dvh - 64px);max-height:none;color:var(--paper);border-radius:20px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 100px #0b1a2340}dialog.screenshot-lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}dialog.screenshot-lightbox .screenshot-lightbox-toolbar{border-bottom:1px solid var(--hairline);padding:18px 22px}.screenshot-lightbox-toolbar>div{gap:4px;min-width:0;display:grid}.screenshot-lightbox-toolbar strong{font-size:14px;font-weight:600}.screenshot-lightbox-toolbar>div>span{color:var(--mist-400);font-variant-numeric:tabular-nums;font-size:11px}.screenshot-lightbox-canvas{background:var(--ink-850);place-items:center;min-width:0;min-height:0;padding:24px;display:grid}.screenshot-lightbox-canvas>img{object-fit:contain;border-radius:5px;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;display:block;box-shadow:0 4px 24px #15241818}dialog.screenshot-lightbox .screenshot-lightbox-footer{border-top:1px solid var(--hairline);padding:16px 22px}dialog.screenshot-lightbox .screenshot-lightbox-footer p{max-width:70ch;color:var(--mist-300);font-size:12px;line-height:1.5}dialog.screenshot-lightbox button{border-radius:50%;flex-shrink:0;width:42px;height:42px;transition:background .18s,transform .18s}dialog.screenshot-lightbox button:hover{background:var(--ink-850)}dialog.screenshot-lightbox button:active{transform:scale(.95)}dialog.screenshot-lightbox button:focus-visible{outline:2px solid var(--moss-500,#78905d);outline-offset:3px}@media (max-width:640px){dialog.screenshot-lightbox{border-radius:14px;width:calc(100vw - 20px);height:calc(100dvh - 32px)}dialog.screenshot-lightbox .screenshot-lightbox-toolbar{padding:12px 14px}.screenshot-lightbox-canvas{padding:12px}dialog.screenshot-lightbox .screenshot-lightbox-footer{gap:10px;padding:12px}dialog.screenshot-lightbox .screenshot-lightbox-footer p{font-size:11px}dialog.screenshot-lightbox button{width:40px;height:40px}}.screenshot-gallery .screenshot-enlarge{background:var(--ink-900);color:var(--paper)}.screenshot-drop{color:var(--paper)}.screenshot-edit-item>label{color:var(--mist-400);gap:7px;font-size:11px;display:grid}.screenshot-edit-item>label>input{border:1px solid var(--hairline);background:var(--ink-950);width:100%;min-width:0;color:var(--paper);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.screenshot-edit-item>label>input:focus-visible{outline:2px solid var(--moss-500,#78905d);outline-offset:2px}@media (prefers-reduced-motion:reduce){.screenshot-gallery *,.screenshot-editor *{transition:none!important}}