/* The locked creator key's dialog (owner order, 26 Oct 2026): a signed-in visitor whose creator keys are still locked
   taps one, and the office answers on its own riveted plate (the panel frame of office-chrome.css), the rail's lock
   art beside the heading, the site's orange and steel keys under the line. Centred on a desktop; full width on a
   phone. The page behind it is darkened, never blurred. */
.qo-locked{box-sizing:border-box;width:min(700px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:none;color:var(--o-ink);overflow:auto;overscroll-behavior:contain}
.qo-locked::backdrop{background:#010805d9}
.qo-locked .qo-locked__plate{padding:30px 34px 30px}
.qo-locked .qo-locked__title{position:relative;margin:0 0 18px;padding-left:46px;font-size:44px;line-height:1;overflow-wrap:normal}
.qo-locked .qo-locked__title::before{content:"";position:absolute;left:0;top:2px;width:30px;height:38px;background:url(/runtime/go/art/office-badge-lock.webp) center/contain no-repeat}
.qo-locked .qo-locked__line{margin:0;font:400 20px/1.5 var(--o-body);color:var(--o-ink)}
.qo-locked .qo-locked__keys{margin-top:26px;gap:14px}
.qo-locked .qo-locked__keys .qo-key{min-height:58px;font-size:22px;letter-spacing:.02em}

@media(max-width:760px){
 .qo-locked{width:100vw;max-width:100vw;max-height:calc(100dvh - 16px);margin:auto 0}
 .qo-locked .qo-locked__plate{padding:20px 16px 18px}
 .qo-locked .qo-locked__title{margin-bottom:14px;padding-left:34px;font-size:30px}
 .qo-locked .qo-locked__title::before{top:1px;width:22px;height:28px}
 .qo-locked .qo-locked__line{font-size:17px}
 .qo-locked .qo-locked__keys{flex-direction:column;margin-top:20px;gap:10px}
 .qo-locked .qo-locked__keys .qo-key{min-height:54px;font-size:20px}
}