.editor-cover-preview{justify-items:center;gap:24px;width:100%;min-width:0;display:grid}.editor-cover-controls{justify-items:center;gap:14px;max-width:100%;display:grid}.editor-cover-modes{background:#fff;border:1px solid #e3dce0;border-radius:14px;gap:4px;max-width:100%;padding:5px;display:flex;box-shadow:0 3px 12px #33212a05}.editor-cover-modes button{color:#6b5f65;min-width:0;min-height:44px;font-size:var(--text-label,.875rem);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;line-height:1.5;transition:background-color .16s,color .16s;display:flex}.editor-cover-modes button svg{flex-shrink:0}.editor-cover-modes button:hover{background:#f5f2f4}.editor-cover-modes button[aria-pressed=true]{color:#fff;background:#651626;box-shadow:0 2px 5px #6516261a}.editor-cover-modes button:focus-visible{outline-offset:2px;outline:2px solid #9d596e}.editor-cover-stage{--preview-limit:28rem;width:min(100%, var(--preview-limit), calc(max(300px, 100svh - 390px) * var(--preview-ratio)));max-width:100%;aspect-ratio:var(--preview-ratio);position:relative;container-type:inline-size}.editor-cover-stage.is-mobile{--preview-limit:15.625rem}.editor-cover-stage.is-desktop{--preview-limit:34rem}.editor-cover-stage>.device-shell{position:absolute;inset:0;transform:none}.editor-cover-stage>.device-shell:not(.phone-frame){box-sizing:border-box;background:linear-gradient(135deg,#484847,#191918 40%,#393936);border:1px solid #918d8a;border-radius:24px;flex-direction:column;padding:10px;display:flex;box-shadow:0 16px 36px #38262b21,0 2px 5px #38262b1c;container-type:inline-size}.editor-cover-stage>.device-shell:not(.phone-frame)>.device-screen{isolation:isolate;border-radius:15px;flex:1;min-height:0;position:relative;overflow:hidden}.editor-cover-stage>.device-shell-desktop:not(.phone-frame){background:#fff;border-color:#d2cdd1;border-radius:14px;padding:0 5px 5px}.editor-cover-stage>.device-shell-desktop:not(.phone-frame)>.device-screen{border-radius:0 0 9px 9px}.editor-cover-stage .device-browser-bar{flex-shrink:0;align-items:center;gap:5px;height:26px;padding-inline:8px;display:flex}.editor-cover-stage .device-browser-bar>span{background:#c9bdc2;border-radius:50%;width:5px;height:5px}.editor-cover-stage .device-browser-bar>i{font:10px var(--body,sans-serif);color:#8a7a81;margin-inline:auto;font-style:normal}.editor-preview .editor-cover-stage .cover-name{font-size:clamp(1.4rem,10cqw,3.75rem)}.editor-preview .editor-cover-stage .cover-and{font-size:5cqw}.editor-preview .editor-cover-stage .cover-copy{padding:15% 10%}.editor-preview .editor-cover-stage .cover-copy>.tiny-label{margin-bottom:5cqw;font-size:2cqw}.editor-preview .editor-cover-stage .cover-date{font-size:3cqw}.editor-preview .editor-cover-stage .cover-venue{margin-top:2cqw;font-size:2.3cqw}.editor-preview .editor-cover-stage .cover-rule{width:14cqw;margin:4cqw 0 3cqw}.editor-preview .editor-cover-stage .cover-footnote{font-size:2.2cqw;bottom:5cqw}.editor-preview .editor-cover-stage.is-desktop .cover-copy{padding:6% 12% 10%}.editor-preview .editor-cover-stage.is-desktop .cover-name{font-size:7cqw}.editor-preview .editor-cover-stage.is-desktop .cover-and{font-size:3cqw}.editor-preview .editor-cover-stage.is-desktop .cover-copy>.tiny-label{margin-bottom:2cqw}.editor-preview .editor-cover-stage.is-desktop .cover-rule{margin:2cqw 0}@media (max-width:420px){.editor-cover-modes button{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.editor-cover-modes button{transition:none}}