/* Cover Creator's placement dialog is the shared baseline for web tools. */
:is(.cover-app,.puzzle-page) .tool-placement-dialog{box-sizing:border-box;width:min(450px,calc(100vw - 30px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:var(--panel,#15181e);color:var(--text,#eef0f5);border:1px solid var(--line,#343a44);border-radius:var(--radius,14px);box-shadow:0 16px 50px #0008}
.tool-placement-dialog::backdrop{background:#000a}
.tool-placement-dialog form{margin:0}
:is(.cover-app,.puzzle-page) .tool-placement-dialog h2{font-size:26px;line-height:1.3;margin:12px 0}
:is(.cover-app,.puzzle-page) .tool-placement-dialog p{font-size:14px;line-height:1.7;color:var(--muted,#b8c0cd);margin:12px 0}
.tool-placement-dialog .studio-kicker{color:var(--accent,#f5a000);font-size:13px;font-weight:600}
.tool-placement-dialog .placement-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 14px}
.tool-placement-dialog .placement-buttons button{flex:1}
:is(.cover-app,.puzzle-page) .tool-placement-dialog button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line,#343a44);border-radius:10px;background:var(--panel,#15181e);color:var(--text,#eef0f5);font:600 14px/1.5 var(--font,inherit);cursor:pointer}
:is(.cover-app,.puzzle-page) .tool-placement-dialog button:hover{background:var(--panel-2,#20252e)}
.tool-placement-dialog button:focus-visible{outline:2px solid var(--accent,#f5a000);outline-offset:3px}
@media(max-width:420px){:is(.cover-app,.puzzle-page) .tool-placement-dialog{padding:22px}.tool-placement-dialog .placement-buttons{gap:7px}.tool-placement-dialog .placement-buttons button{padding-inline:10px}}