#cabinet-dialog{width:calc(100vw - 40px);max-width:1680px;height:calc(100dvh - 40px);max-height:none;margin:auto;padding:0;border:1px solid #d9d1e3;border-radius:20px;background:#fff;overflow:hidden;color:#302039;box-shadow:0 32px 140px #190a3655}
#cabinet-dialog[open]{display:flex;flex-direction:column}
#cabinet-dialog::backdrop{background:#160c25a8;backdrop-filter:blur(7px)}
.cabinet-dialog__header{display:flex;justify-content:space-between;gap:24px;padding:18px 24px 14px;align-items:center}
.cabinet-dialog__header .eyebrow{font-size:10px;margin:0 0 4px}
.cabinet-dialog__header h2{font-size:23px;margin:0;line-height:1.2;letter-spacing:-.025em}
.cabinet-dialog__header p:last-child{font-size:12px;margin:6px 0 0;color:#75677f}
.cabinet-dialog__actions{display:flex;align-items:center;gap:22px;flex-shrink:0}
.cabinet-dialog__actions a{font-size:12px;color:#745284;text-decoration:underline;text-underline-offset:3px}
.cabinet-dialog__actions button{background:#3c2154;border:0;color:white;border-radius:10px;padding:12px 16px;font:inherit;font-size:13px;cursor:pointer}
.cabinet-dialog__actions span{font-size:20px;margin-left:12px}
.cabinet-dialog__guides{display:flex;gap:6px;overflow:auto;padding:0 24px 10px;flex-shrink:0}
.cabinet-dialog__guides button{white-space:nowrap;background:#f6f2fa;border:1px solid transparent;border-radius:8px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer;color:inherit}
.cabinet-dialog__guides button[aria-pressed=true]{background:#ece3f3;border-color:#c2abd3;color:#4c2a64}
.cabinet-dialog__guide{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px;background:#faf8fc;border-top:1px solid #eee7f3;flex-shrink:0}
.cabinet-dialog__guide p{font-size:13px;line-height:1.45;margin:0;max-width:1000px}
.cabinet-dialog__guide>div{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px;color:#7b6c84}
.cabinet-dialog__guide button{border:1px solid #d9cbe3;border-radius:6px;padding:6px 10px;background:white;color:#513064;cursor:pointer}
.cabinet-dialog__guide button:disabled{opacity:.4;cursor:default}
.cabinet-dialog iframe{flex:1;min-height:0;width:100%;border:0;background:#101724}
.cabinet-dialog [hidden]{display:none!important}
.cabinet-dialog :focus-visible{outline:3px solid #ad80d1;outline-offset:2px}
@media(max-width:700px){#cabinet-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.cabinet-dialog__header{padding:12px 14px;gap:10px;align-items:flex-start}.cabinet-dialog__header h2{font-size:18px}.cabinet-dialog__header p:last-child{font-size:10px;max-width:220px}.cabinet-dialog__actions{flex-direction:column-reverse;gap:8px;align-items:flex-end}.cabinet-dialog__actions button{padding:8px;font-size:11px}.cabinet-dialog__actions span{margin-left:3px}.cabinet-dialog__actions a{font-size:10px}.cabinet-dialog__guides{padding:0 14px 8px}.cabinet-dialog__guides button{font-size:11px;padding:7px 9px}.cabinet-dialog__guide{padding:8px 14px;gap:8px}.cabinet-dialog__guide p{font-size:11px;line-height:1.4}.cabinet-dialog__guide>div{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:90px}.cabinet-dialog__guide button{padding:5px 7px}.cabinet-dialog iframe{min-height:250px}}

@media(max-width:700px){.cabinet-dialog__guide{align-items:flex-start;flex-direction:column;gap:6px}.cabinet-dialog__guide>div{max-width:none;align-self:flex-end;flex-shrink:0}.cabinet-dialog__guide p{min-width:0}}

/* The frame gets the available height; the guide remains a compact tool. */
@media(max-width:700px){.cabinet-dialog__header .eyebrow{display:none}.cabinet-dialog__header p:last-child{display:none}.cabinet-dialog__header{padding:10px 12px;align-items:center}.cabinet-dialog__header h2{font-size:16px}.cabinet-dialog__actions{gap:5px}.cabinet-dialog__actions button{min-height:36px}.cabinet-dialog__guide{padding:7px 12px;gap:4px}.cabinet-dialog__guide p{font-size:11px;line-height:1.3}.cabinet-dialog__guides{padding:0 12px 7px}.cabinet-dialog iframe{min-height:0}.cabinet-dialog__guide>div{gap:6px}.cabinet-dialog__guide button{min-height:32px}}