/* Sits above the web editor; the native form and property palette retain their styles. */
body.extension-prompt-visible{display:flex;flex-direction:column;height:100vh;overflow:hidden}
body.extension-prompt-visible>.workspace{flex:1 1 0;height:auto;min-height:0}
.extension-prompt{position:relative;display:grid;grid-template-columns:minmax(480px,560px) minmax(360px,516px);align-items:center;flex:0 0 auto;gap:40px;padding:12px 86px 14px 40px;background:#f3f6ff;border-bottom:1px solid #d6dff9;color:#182032;font:13px/1.45 "Segoe UI",Arial,sans-serif}
.extension-prompt[hidden]{display:none!important}
.extension-prompt-copy{min-width:0;max-width:570px}
.extension-prompt-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:#315adc;font-size:11px;font-weight:600;line-height:16px}
.extension-prompt-eyebrow svg{width:16px;height:16px;flex-shrink:0}
.extension-prompt-copy h2{max-width:550px;margin:0;color:#182032;font:700 24px/1.15 "Segoe UI",Arial,sans-serif;letter-spacing:-.65px}
.extension-prompt-copy p{max-width:540px;margin:8px 0 0;color:#52607a;font-size:13px;line-height:20px}
.extension-prompt-actions{display:flex;align-items:center;gap:16px;margin-top:11px}
.extension-prompt-install{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;height:42px;padding:0 19px;border:1px solid #2f59dd;border-radius:10px;background:#2f59dd;color:#fff;text-decoration:none;font:650 13px/1.25 "Segoe UI",Arial,sans-serif;white-space:nowrap;box-shadow:0 1px 1px #2449b30d}
.extension-prompt-install:hover{background:#244bc8;border-color:#244bc8;color:#fff}
.extension-prompt-helper{color:#2852cf;font-size:13px;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.extension-prompt-helper:hover{color:#17359b}
.extension-prompt-install:focus-visible,.extension-prompt-helper:focus-visible,.extension-prompt-close:focus-visible{outline:2px solid #315adc;outline-offset:3px}
.extension-prompt-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border:0;border-radius:5px;background:transparent;color:#657696;box-shadow:none}
.extension-prompt-close svg{width:18px;height:18px}
.extension-prompt-close:hover{background:#e4eafa;color:#2a416f}
.extension-prompt-illustration{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center;gap:16px;width:100%;max-width:516px;justify-self:end}
.extension-prompt-preview{height:126px;overflow:hidden;border:1px solid #ddd3a5;border-radius:10px;background:#fff;box-shadow:0 7px 18px #77653313}
.extension-prompt-preview-head{height:23px;padding:3px 9px;border-bottom:1px solid #e6d99a;background:#f8eabb;color:#6b571b;font:600 11px/16px "Segoe UI",Arial,sans-serif}
.extension-prompt-preview-body{padding:10px}
.extension-prompt-preview-caption{display:block;width:60%;height:8px;margin-bottom:6px;border-radius:1px;background:#d6d9e1}
.extension-prompt-preview-row{display:grid;grid-template-columns:40% 1fr;gap:6px;height:18px;margin-top:6px}
.extension-prompt-preview-row span{border-radius:2px;background:#ebedf2}
.extension-prompt-preview-row i{display:block;border:1px solid #cbd4e4;border-radius:2px;background:#fff}
.extension-prompt-preview-button{display:block;width:38%;height:18px;margin:7px 0 0 auto;border-radius:3px;background:#e8d474}
.extension-prompt-preview-target{border-color:#b7caff;box-shadow:0 7px 18px #2f59dd16}
.extension-prompt-preview-target .extension-prompt-preview-head{border-color:#2f59dd;background:#2f59dd;color:#fff}
.extension-prompt-preview-target .extension-prompt-preview-button{background:#cbd7fc}
.extension-prompt-transfer{display:flex;flex-direction:column;align-items:center;gap:5px;color:#3564f1}
.extension-prompt-transfer kbd{display:block;padding:3px 6px;border:1px solid #c6d3f3;border-radius:4px;background:#fff;box-shadow:0 1px 0 #d5def4;color:#293348;font:12px/15px Consolas,monospace;white-space:nowrap}
.extension-prompt-transfer svg{display:block;width:40px;height:16px}
@media(max-width:1150px){.extension-prompt{grid-template-columns:minmax(470px,1.1fr) minmax(330px,1fr);gap:26px;padding:12px 60px 14px 28px}.extension-prompt-illustration{gap:10px;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}.extension-prompt-copy h2{font-size:23px}.extension-prompt-install{padding:0 15px}.extension-prompt-actions{gap:13px}}