.studio-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:24px;border:1px solid var(--line-strong,#141414);border-radius:0;background:var(--panel,#fff);color:var(--ink,#141414);font:inherit;box-shadow:0 12px 48px #0002;overflow:auto}
.studio-dialog::backdrop{background:#0005}
.studio-dialog h2{margin:0 0 14px;font-size:20px;line-height:1.3}
.studio-dialog p{margin:0 0 18px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.studio-dialog input,.studio-dialog select{box-sizing:border-box;width:100%;margin:0 0 18px;padding:10px;border:1px solid var(--line-strong,#777);background:var(--panel,#fff);color:inherit;font:inherit}
.studio-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.studio-dialog-actions button{margin:0;padding:10px 16px;border:1px solid var(--ink,#141414);background:var(--ink,#141414);color:var(--panel,#fff);font:inherit;cursor:pointer}
.studio-dialog-actions button.quiet{background:var(--panel,#fff);color:var(--ink,#141414)}
.studio-dialog :focus-visible{outline:2px solid var(--ink,#141414);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.studio-dialog[open]{animation:studio-dialog-in 140ms ease-out}@keyframes studio-dialog-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}