.html-presentation{display:grid;justify-items:start;gap:18px;padding:28px;background:var(--surface-soft);border-radius:13px}.html-presentation h2{margin:0!important;font-size:24px}.html-presentation p{margin:0!important;color:var(--muted)!important;font-size:13px}
.presentation-dialog{width:96vw;max-width:none;height:94vh;height:94dvh;max-height:none;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);margin:auto;overflow:hidden;box-shadow:0 25px 100px #0005}.presentation-dialog[open]{display:flex;flex-direction:column}.presentation-dialog::backdrop{background:var(--tard-tone-061426cc)}.presentation-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line);flex:none}.presentation-head>div:first-child{min-width:0}.presentation-head small{font-size:9px;letter-spacing:1.6px;color:var(--accent);font-weight:700}.presentation-head h2{font-size:18px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}.presentation-actions{display:flex;gap:12px;align-items:center;flex:none}.presentation-actions button{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--ink);font:inherit;font-size:12px;padding:9px 14px;min-height:40px}.presentation-actions .presentation-close{font-size:27px;line-height:1;width:42px;padding:4px}.presentation-stage{position:relative;display:flex;flex:1;min-height:0;background:var(--surface-soft)}.presentation-frame{border:0;display:block;width:100%;height:100%;background:#fff}.presentation-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);background:var(--surface-soft);z-index:1;font-size:14px}.presentation-status{font-size:11px;padding:9px 20px;border-top:1px solid var(--line);min-height:34px;margin:0;color:var(--muted);flex:none}.presentation-status .primary-link{display:inline-block;padding:7px 15px}.presentation-dialog:fullscreen{width:100vw;height:100vh;height:100dvh;border:0;border-radius:0}.presentation-dialog [hidden]{display:none!important}
@media(max-width:640px){.presentation-dialog{width:100vw;height:100vh;height:100dvh;border:0;border-radius:0}.presentation-head{padding:12px 14px;gap:10px}.presentation-head h2{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.presentation-head small{font-size:8px;letter-spacing:.7px}.presentation-actions{gap:6px}.presentation-actions button{font-size:10px;padding:8px}.presentation-actions .presentation-close{width:36px;min-height:36px}.presentation-status{padding:8px 14px}.html-presentation{padding:20px}.html-presentation h2{font-size:20px}}
