.jdl-sheet{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;background:rgba(6,12,20,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:jdlFade .18s ease}
.jdl-box{width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:22px 22px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.25);animation:jdlUp .22s ease}
.jdl-box header{position:relative;padding:2px 40px 10px 2px}
.jdl-box header span{display:block;font:800 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0e7a6c}
.jdl-box header b{display:block;margin-top:4px;font:700 14px/1.3 Inter,Arial,sans-serif;color:#1b2540;word-break:break-all}
.jdl-x{position:absolute;right:0;top:0;width:34px;height:34px;border-radius:50%;border:0;background:#eef1f6;color:#1b2540;font:400 22px/1 Arial,sans-serif;cursor:pointer}
.jdl-prev{flex:1;min-height:0;overflow:auto;border-radius:14px;background:#f2f4f8;display:flex;align-items:flex-start;justify-content:center}
.jdl-prev img,.jdl-prev video{display:block;max-width:100%;height:auto;max-height:58vh;object-fit:contain;-webkit-touch-callout:default;user-select:auto}
.jdl-act{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}
.jdl-act button{border:0;border-radius:14px;padding:15px 16px;font:800 15px/1 Inter,Arial,sans-serif;cursor:pointer}
.jdl-save{background:#0e7a6c;color:#fff}.jdl-share{background:#eef1f6;color:#1b2540}
.jdl-act button:only-child{grid-column:1/-1}
.jdl-hint{margin:10px 2px 0;font:500 12.5px/1.45 Inter,Arial,sans-serif;color:#6b778c}
html.jdl-open{overflow:hidden}
@media(min-width:700px){.jdl-sheet{align-items:center}.jdl-box{border-radius:22px}}
@keyframes jdlFade{from{opacity:0}to{opacity:1}}@keyframes jdlUp{from{transform:translateY(30px)}to{transform:none}}