.adb-workspace-demo{width:100%;margin-top:24px}
.adb-workspace-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;color:#777;font:400 12px/18px var(--sans,Arial,sans-serif)}
.adb-workspace-controls p{margin:0;font:inherit;color:inherit;max-width:none}
.adb-workspace-controls button{flex:none;appearance:none;border:1px solid #e8e9ed;border-radius:8px;background:#fff;padding:7px 12px;color:#1c1c1c;font:400 12px/18px var(--sans,Arial,sans-serif);cursor:pointer}
.adb-workspace-controls button:hover{background:#f5f6f8}
.adb-workspace-demo iframe{display:block;width:100%;aspect-ratio:1440/1360;height:auto;border:0;background:transparent}
.adb-workspace-dialog{width:1440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:20px;background:#fff;overflow:auto}
.adb-workspace-dialog::backdrop{background:#0006;backdrop-filter:blur(5px)}
.adb-workspace-dialog:modal .adb-workspace-demo{margin:0}
.adb-workspace-dialog:not(:modal){display:block;position:static;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.adb-workspace-controls button:focus-visible{outline:2px solid #001529;outline-offset:3px}
@media(max-width:480px){.adb-workspace-controls{align-items:flex-start;gap:8px}.adb-workspace-dialog{padding:12px}}

.adb-workspace-control-buttons{display:flex;gap:8px;flex:none}
@media(max-width:600px){.adb-workspace-controls{flex-direction:column;align-items:flex-start}.adb-workspace-control-buttons{width:100%;justify-content:space-between}}

@media(max-width:600px){
 html:has(.adb-workspace-dialog:modal),body:has(.adb-workspace-dialog:modal){overflow:hidden;overscroll-behavior:none}
 .adb-workspace-dialog:modal{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));border-radius:0;overflow:hidden}
 .adb-workspace-dialog:modal .adb-workspace-demo{height:100%;display:flex;flex-direction:column;min-height:0}
 .adb-workspace-dialog:modal .adb-workspace-controls{flex:none}
 .adb-workspace-dialog:modal iframe{flex:1 1 0;min-height:0;aspect-ratio:auto}
}
.adb-workspace-dialog:focus{outline:none}

.adb-workspace-controls{flex-direction:column;align-items:stretch}
.adb-workspace-control-buttons{width:100%;justify-content:space-between}