.ar-release-dialog {
  position:fixed; inset:0; margin:auto; padding:0; width:560px;
  max-width:calc(100% - 32px); max-height:calc(100dvh - 32px);
  box-sizing:border-box; border:1px solid var(--border); border-radius:8px;
  color:var(--text); background:var(--bg); box-shadow:var(--shadow-md);
  overflow:hidden; font-family:Manrope,Arial,sans-serif;
}
.ar-release-dialog[open] { display:flex; flex-direction:column; }
.ar-release-dialog::backdrop { background:rgba(32,37,34,.35); }
.ar-release-header { flex:none; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:24px; border-bottom:1px solid var(--border); }
.ar-release-heading { min-width:0; display:grid; gap:14px; }
.ar-release-heading .ar-product-wordmark { font-size:24px; line-height:1; }
.ar-release-title { margin:0; font-size:20px; font-weight:600; line-height:1.4; }
.ar-release-close { flex:0 0 40px; width:40px; height:40px; padding:0; display:grid; place-items:center; border:0; border-radius:6px; background:transparent; color:var(--text-2); cursor:pointer; }
.ar-release-close:hover { background:var(--ar-soft); color:var(--text); }
.ar-release-body { flex:1 1 auto; min-height:0; padding:24px; overflow:auto; overscroll-behavior:contain; overflow-wrap:anywhere; }
.ar-release-history { display:grid; gap:8px; margin-bottom:24px; font-size:13px; color:var(--text-2); }
.ar-release-history select { box-sizing:border-box; width:100%; height:44px; min-width:0; padding:8px 12px; border:1px solid var(--border); border-radius:6px; background:var(--bg); color:var(--text); font:inherit; font-size:14px; }
.ar-release-summary { padding-bottom:24px; border-bottom:1px solid var(--border); }
.ar-release-summary h3 { margin:0 0 8px; font-size:17px; line-height:1.5; font-weight:600; }
.ar-release-dialog p { margin:0; color:var(--text-2); font-size:14px; line-height:1.6; }
.ar-release-items { list-style:none; margin:0; padding:0; }
.ar-release-item { display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px; padding:20px 0; border-bottom:1px solid var(--border); }
.ar-release-item:last-child { border:0; padding-bottom:0; }
.ar-release-item-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:6px; background:var(--ar-soft); color:var(--text-2); }
.ar-release-item h4 { margin:2px 0 6px; font-size:15px; line-height:1.5; font-weight:600; }
.ar-release-footer { flex:none; display:flex; justify-content:flex-end; padding:16px 24px; border-top:1px solid var(--border); background:var(--bg); }
.ar-release-footer .btn { min-width:100px; min-height:44px; padding:10px 20px; font-size:14px; }
@media(max-width:600px) {
  .ar-release-dialog { max-width:calc(100% - 24px); max-height:calc(100dvh - 24px); }
  .ar-release-header,.ar-release-body { padding:20px; }
  .ar-release-footer { padding:16px 20px; }
  .ar-release-close { flex-basis:44px; width:44px; height:44px; }
  .ar-release-history select { font-size:16px; }
}
@media(max-height:500px) {
  .ar-release-header { padding:12px 20px; }
  .ar-release-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }
  .ar-release-footer { padding:8px 20px; }
}