.dv-main{max-width:1480px;margin:auto;padding:24px clamp(14px,3vw,40px)}.dv-header{display:flex;justify-content:space-between;gap:24px;align-items:start;background:var(--surface);border:1px solid var(--border);border-top:3px solid #22c7df;border-radius:12px;padding:22px}.dv-header>div{min-width:0}.dv-header h1{font-size:clamp(21px,2.5vw,30px);margin:5px 0 12px;overflow-wrap:anywhere}.dv-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.dv-meta,.dv-note,.dv-state{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.dv-state{min-height:24px;margin:16px 0 8px}.dv-error{color:#f3a8a8}html[data-theme=light] .dv-error{color:#a42828}.dv-stage{border:1px solid var(--border);border-radius:12px;background:var(--page-soft);overflow:hidden;min-height:220px}.dv-frame{display:block;border:0;width:100%;height:76vh;height:76dvh;min-height:600px;background:white}.dv-image{display:block;max-width:100%;height:auto;margin:auto}.dv-text{margin:0;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 Consolas,monospace}.dv-fallback{padding:30px;color:var(--muted)}.dv-note{line-height:1.6}.dv-main [hidden]{display:none}.cl-file-actions .cl-view-document{white-space:nowrap}@media(max-width:700px){.dv-header{flex-direction:column;padding:16px;gap:12px}.dv-actions{width:100%}.dv-frame{height:70vh;height:70dvh;min-height:420px}.dv-main{padding:16px 12px}.dv-text{padding:14px}.dv-header h1{font-size:21px}.dv-actions .cl-button{flex:1;min-width:110px}}@media(max-width:700px){.topbar{flex-wrap:wrap;gap:12px}.topnav{display:flex;flex-wrap:wrap;width:100%;gap:10px}.topnav a{font-size:12px}.topnav .cl-button{margin-left:auto}}
