/* The workshop is isolated from the film controls and loaded only on request. */
.lore-studio-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font-size:.875rem;color:#dfcc9e;text-decoration:underline;text-underline-offset:4px}.lore-studio-link:hover{color:#fff1d4}
#studio-dialog{box-sizing:border-box;width:min(1440px,100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid #efd4a133;background:#031219;color:#f7f4ed;overflow:hidden}
#studio-dialog[open]{display:flex;flex-direction:column}
#studio-dialog .dialog-top{box-sizing:border-box;flex:0 0 56px;margin:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efd4a126;background:#031219;position:relative}
#studio-dialog .dialog-top h2{font:400 .875rem/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.03em;margin:0;color:#c8d1d3}
#studio-dialog .close-button{position:static;min-width:44px;min-height:44px}
#studio-frame{display:block;flex:1 1 auto;min-height:0;width:100%;border:0;background:#031219}
@media(max-width:760px),(max-height:500px){#studio-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0}#studio-dialog .dialog-top{flex-basis:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}}