.dialog-frame{border:1px solid var(--theme-border,#d9e1ce);background:var(--theme-canvas,#fafbf5);width:min(680px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--theme-text,#284435);box-shadow:0 24px 90px var(--theme-shadow,#10261955);border-radius:18px;margin:auto;padding:0;overflow:hidden}.dialog-frame[open]{flex-direction:column;display:flex}.dialog-frame::backdrop{background:color-mix(in srgb, var(--theme-deep,#112d23) 80%, transparent)}.dialog-frame-header{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--theme-border,#d9e1ce);flex-shrink:0;display:flex}.dialog-frame-header h2{flex:1;min-width:0;margin:0;font-size:28px;line-height:1.2}.dialog-frame-header .dialog-frame-close{flex-shrink:0;width:44px;height:44px;margin-left:auto;padding:0}.dialog-frame-content{padding:var(--space-panel);overscroll-behavior:contain;min-height:0;overflow:auto}.dialog-frame-content p{font-size:15px;line-height:1.7}.dialog-frame-content h3{font-size:23px}.dialog-frame-media{width:min(1400px,100vw - 32px);height:calc(100dvh - 32px);box-shadow:none;color:var(--theme-on-solid,#fffbed);background:0 0;border:0;border-radius:0}.dialog-frame-media::backdrop{background:#0c0e0df0}.dialog-frame-media>.dialog-frame-header{padding:0 0 var(--space-related);border:0}.dialog-frame-media>.dialog-frame-header h2{font-size:24px}.dialog-frame-media[data-title-hidden]>.dialog-frame-header{top:var(--space-label);right:var(--space-label);z-index:2;padding:0;position:absolute}.dialog-frame-media .dialog-frame-close{color:#fff;background:#121513d9;border:1px solid #fff3;border-radius:50%}.dialog-frame-media .button.dialog-frame-close:hover:not(:disabled){color:#fff;background:#2d312ef2;border-color:#fff6}.dialog-frame-media>.dialog-frame-content{gap:var(--space-4);flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}@media (max-width:480px){.dialog-frame-header{padding:var(--space-4);gap:var(--space-3)}.dialog-frame-header h2{font-size:24px}.dialog-frame-content{padding:var(--space-4)}}.dialog-frame-content>:first-child{margin-top:0}.dialog-frame-content>:last-child{margin-bottom:0}.dialog-frame-content form{gap:var(--space-related)}.dialog-frame-content form p{margin:0}.dialog-frame-media .button.dialog-frame-close:focus-visible{outline-color:#fff}