dialog.device-preview{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #394253;border-radius:18px;background:#161b25;color:#f0f3fa;overflow:hidden;box-sizing:border-box}
.device-preview[open]{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}
.device-preview::backdrop{background:#080c16c9;backdrop-filter:blur(6px)}
.device-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #303848}
.device-preview-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;min-width:0}.device-preview-heading strong{font-size:18px;line-height:1.4}.device-page-title{font-size:13px;color:#b5bece;overflow-wrap:anywhere}.device-close{flex-shrink:0}
.device-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 24px;background:#1d2330}
.device-toolbar button{display:grid;gap:5px;flex:1;min-width:100px;border:1px solid #414b5f;border-radius:9px;padding:10px 14px;background:#222a39;color:#e3e8f2;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;text-align:center}
.device-toolbar button small{font-size:11px;color:#b6c1d2}.device-toolbar button[aria-pressed=true]{background:#2b3e5d;border-color:#82b0f5;color:white}.device-toolbar button:focus-visible,.device-close:focus-visible{outline:2px solid #a9cafa;outline-offset:3px}
.device-preview-stage{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;min-height:0;background:#0e131e}
.device-preview-frame{position:relative;flex:none;box-shadow:0 0 0 1px #475166,0 10px 36px #0008;background:#151923;overflow:hidden}
.device-preview-frame iframe{display:block;position:absolute;inset:0 auto auto 0;max-width:none;border:0;transform-origin:top left;background:#151923}
.device-preview-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:12px 24px;font-size:12px;line-height:1.5;color:#b6c1d2;border-top:1px solid #303848}.device-preview-footer output{font-variant-numeric:tabular-nums;white-space:nowrap;color:#e3e8f2}
.page-detail-top [data-screen-preview]{margin:8px 0 0 8px}
@media(max-width:600px){dialog.device-preview{width:100vw;height:100dvh;border-radius:0;border:0}.device-preview-heading,.device-toolbar,.device-preview-footer{padding:12px}.device-toolbar{gap:6px}.device-toolbar button{min-width:85px;padding:7px;font-size:12px}.device-preview-footer>span{max-width:70%;font-size:11px}}

.device-model{display:flex;align-items:end;gap:12px;padding:12px 24px;background:#171b24}.device-model label{display:grid;gap:6px;font-size:12px;flex:1}.device-model select{background:#242a34;color:#f2f1ed;border:1px solid #414b5f;border-radius:10px;min-height:42px;padding:8px 12px;font:inherit}.device-preview-frame{border-radius:22px}.device-toolbar{padding-block:8px}.device-toolbar button{padding-block:7px}