.selection-workspace{position:absolute;inset:0;background:#292c29;color:#c3c9bf;font-family:Arial,sans-serif}.selection-top{height:43px;display:flex;gap:34px;align-items:center;padding:0 20px;border-bottom:1px solid #555c50;font-size:9px}.selection-top b{font-size:15px}.selection-top small{margin-left:auto}.selection-library{position:absolute;top:11%;left:2.7%;width:16%;display:flex;flex-direction:column;gap:22px;font-size:10px}.selection-library b{font-size:9px;letter-spacing:.08em}.selection-library strong{background:#484e42;padding:9px;font-weight:400}.selection-library hr{width:100%;border:0;border-top:1px solid #5a6451}.selection-content{position:absolute;left:31%;right:18%;top:13%;bottom:11%;display:flex;flex-direction:column}.selection-controls{display:flex;justify-content:space-between;font-size:9px;gap:12px;padding:0 0 15px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0}.contact-photo{margin:0;border:1px solid #59614f;background:#343a30;min-width:0;min-height:0;display:flex;flex-direction:column}.contact-image{flex:1;min-height:0;position:relative;background:#353a31;padding:7px}.contact-image img{width:100%;height:100%;object-fit:contain;display:block}.contact-photo figcaption{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-size:8px;gap:5px;min-height:27px;color:#c4ccbc;border-top:1px solid #505947}.contact-photo figcaption b{font-size:12px;font-weight:400;color:#c5d3af}.contact-photo.chosen{border-color:#afbaa0;background:#4b5741}.chosen-mark{position:absolute;right:8px;top:8px;width:15px;height:15px;background:#a8b99a;color:#1b2615;display:grid;place-items:center;font-size:10px}.selection-bottom{font-size:8px;margin:10px 0 0}.selection-inspector{position:absolute;top:13%;right:1.5%;width:13%;font-size:9px;line-height:1.9}.selection-inspector>img{width:100%;height:190px;object-fit:cover;object-position:50% 20%;display:block;margin:12px 0}.selection-inspector>b{font-size:9px;font-weight:400}.selection-inspector hr{border:0;border-top:1px solid #59624e;margin:20px 0}.note-lines{background:#20271c;padding:10px}.note-lines i{display:block;height:3px;background:#758365;margin:9px 0;width:86%}.note-lines i:nth-child(2){width:65%}.select-scene.is-active~.stage-vignette{background:linear-gradient(90deg,#171918 0%,#171918e8 15%,#171918b0 27%,transparent 43%,transparent 75%,#17191880),linear-gradient(0deg,#171918 0%,transparent 25%,transparent 84%,#171918bb)}.contact-sheet-thumb{padding:12px 10px 22px;background:#30372c}.contact-thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;height:100%}.contact-thumb-grid .contact-image{padding:2px}.contact-thumb-grid figcaption{display:none}.contact-thumb-grid .chosen-mark{width:9px;height:9px;right:2px;top:2px;font-size:6px}.cloud-files .portrait-file>img{object-position:50% 20%}.page-image>img{object-position:50% 15%}
@media(min-width:1700px){.selection-inspector>img{height:240px}.contact-photo figcaption{font-size:9px}.selection-content{left:30%;right:18%}}
@media(min-width:701px) and (max-width:1100px){.selection-content{left:35%;right:5%;top:14%;bottom:13%}.selection-inspector{display:none}.selection-library{width:18%}.selection-controls{font-size:7px}.contact-photo figcaption{font-size:6px;padding:4px}.contact-grid{gap:6px}.contact-image{padding:4px}}
@media(max-width:700px){.selection-top{height:33px;font-size:7px;gap:15px;padding:0 10px}.selection-top b{font-size:11px}.selection-top small{font-size:6px}.selection-library{left:2%;width:12%;font-size:6px;gap:15px;top:14%}.selection-library b{font-size:6px}.selection-library strong{padding:4px}.selection-content{left:16%;right:8%;top:13%;bottom:7%}.selection-inspector{display:none}.selection-controls{font-size:6px;padding-bottom:9px;gap:6px}.contact-grid{gap:6px}.contact-image{padding:4px}.contact-photo figcaption{font-size:6px;padding:4px;min-height:20px}.contact-photo figcaption b{font-size:8px}.chosen-mark{width:11px;height:11px;right:4px;top:4px;font-size:8px}.selection-bottom{font-size:6px}.select-scene.is-active~.stage-vignette{background:linear-gradient(90deg,#171918a0,transparent 25%,transparent 80%,#17191880),linear-gradient(0deg,#171918 0%,transparent 20%,transparent 88%,#171918cc)}}

@media(max-width:700px){.selection-content{left:16%;right:16%}.showcase:has(.select-scene.is-active) .hero-caption h1{font-size:24px}}