html:has(.asset-preview-dialog[open]){scrollbar-gutter:stable}
.asset-preview-dialog{position:fixed;inset:0;width:min(1520px,96vw);max-width:96vw;height:min(960px,94dvh);max-height:94dvh;margin:auto;padding:0;border:1px solid #dcd9d2;border-radius:18px;background:#fffaf5;color:#0f0f0f;box-shadow:0 24px 90px #0005;font-family:var(--font-sans,Inter,Arial,sans-serif);overflow:hidden}
.asset-preview-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.asset-preview-dialog::backdrop{background:#0f0f0fb8;backdrop-filter:blur(5px)}
.asset-preview-dialog *{box-sizing:border-box}
.asset-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 16px;border-bottom:1px solid #e6e0d8;min-width:0}
.asset-preview-header>div{min-width:0}.asset-preview-header small{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;color:#625b52;margin-bottom:5px}
.asset-preview-header h2{font:600 24px/1.25 var(--font-sans,Inter,Arial,sans-serif);letter-spacing:-.035em;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.asset-preview-dialog button{font:600 12px/1.2 var(--font-sans,Inter,Arial,sans-serif);border:1px solid #d8d5ce;border-radius:9px;background:white;color:#0f0f0f;min-height:40px;padding:9px 15px;cursor:pointer}
.asset-preview-dialog button:hover{background:#efeae1}.asset-preview-dialog button:focus-visible,.asset-preview-use:focus-visible{outline:3px solid #547c36;outline-offset:3px}
.asset-preview-dialog [data-close-preview]{position:static;width:42px;height:42px;padding:0;flex:none;font-size:26px}
.asset-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 26px}
.asset-preview-pager{display:flex;gap:10px;align-items:center}.asset-preview-pager span{min-width:64px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
.asset-preview-pager button{padding:8px}.asset-preview-pager svg{display:block;width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}
.asset-preview-dialog .form-preview-controls{display:flex;gap:6px;margin:0;padding:0}.asset-preview-dialog .form-preview-controls button[aria-pressed=true]{background:#0f0f0f;color:white;border-color:#0f0f0f}
.asset-preview-content{min-width:0;min-height:0;overflow:hidden;background:#e9e6df;display:flex;justify-content:center;border-block:1px solid #ddd8cf}
.asset-preview-dialog .form-preview-stage{padding:0;margin:0;border:0;border-radius:0;background:white;width:100%;height:100%;min-height:0;overflow:auto;box-shadow:0 0 35px #00000016}
.asset-preview-dialog .form-preview-stage[data-device=mobile]{width:min(390px,100%)}
.asset-preview-dialog #preview-form{display:block;border:0;width:100%;height:100%;min-height:0;background:white}
.asset-preview-dialog #preview-image{width:100%;height:100%;object-fit:contain;margin:0;padding:16px}
.asset-preview-footer{padding:13px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.asset-preview-footer p{font-size:11px;line-height:1.5;color:#605b53;max-width:80ch;margin:0}
.asset-preview-use{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:13px 20px;background:#b7f06a;color:#0f0f0f;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none}
.asset-preview-dialog [hidden]{display:none!important}
.asset-preview-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.asset-preview-download{font-size:12px;font-weight:600;color:#264923;text-underline-offset:3px}
@media(max-width:600px){.asset-preview-footer{flex-wrap:wrap}.asset-preview-actions{width:100%;justify-content:space-between}.asset-preview-footer p{max-width:none}}
@media(max-width:600px){.asset-preview-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.asset-preview-header{padding:14px 16px}.asset-preview-header h2{font-size:19px}.asset-preview-header small{font-size:8px}.asset-preview-toolbar{padding:9px 12px}.asset-preview-footer{padding:12px;gap:12px}.asset-preview-footer p{font-size:10px}.asset-preview-use{padding:12px;font-size:11px}.asset-preview-dialog button{padding:9px 11px}}