.canonical-dialog-overlay{z-index:12000;padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;place-items:center;animation:.18s ease-out canonical-dialog-fade;display:grid;position:fixed;inset:0}.canonical-dialog{width:min(100%,380px);max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-bg-raised);grid-template-rows:auto minmax(0,auto) auto;animation:.2s cubic-bezier(.2,.8,.25,1) canonical-dialog-in;display:grid;overflow:hidden;box-shadow:0 18px 54px #000000d1,0 0 20px #00f0ff14}.canonical-dialog--large{width:min(100%,430px)}.canonical-dialog-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 14px 10px 18px;display:flex}.canonical-dialog-header h2{color:var(--ui-text-primary);font:800 var(--ui-font-heading)/1.25 var(--font-ui);letter-spacing:.04em;margin:0}.canonical-dialog-close{width:40px;height:40px;color:var(--ui-text-secondary);font:500 25px/1 var(--font-display);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff24;border-radius:50%;flex:0 0 40px;place-items:center;padding:0;display:grid}.canonical-dialog-close:active{transform:scale(.96)}.canonical-dialog-body{min-height:0;color:var(--ui-text-secondary);font:500 var(--ui-font-body)/1.65 var(--font-ui);overscroll-behavior:contain;white-space:pre-wrap;padding:18px;overflow-y:auto}.canonical-dialog-body.is-loading{place-items:center;min-height:220px;display:grid}.canonical-dialog-actions{background:var(--ui-bg-raised);border-top:1px solid #ffffff17;grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;padding:12px 18px 18px;display:grid}.canonical-dialog-actions button{width:100%;min-height:46px}@keyframes canonical-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes canonical-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:412px){.canonical-dialog-overlay{padding-inline:12px}.canonical-dialog-body{padding:15px}.canonical-dialog-actions{padding:10px 15px 15px}}@media (prefers-reduced-motion:reduce){.canonical-dialog-overlay,.canonical-dialog{animation:none}}
