.dv{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f172a}.dv-back-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;padding:4px 8px;border-radius:6px;transition:all .15s}.dv-back-link:hover{color:#2563eb;background:rgba(37,99,235,.06)}.dv-back-link svg{flex-shrink:0;position:relative;top:-1px}.dv-models{display:flex;align-items:center;gap:4px;padding:10px 16px;background:#1e293b;overflow-x:auto;-webkit-overflow-scrolling:touch}.dv-models__label{margin-right:8px}.dv-model-btn,.dv-models__label{font-size:13px;color:#94a3b8;font-weight:500;white-space:nowrap}.dv-model-btn{padding:5px 14px;border-radius:6px;cursor:pointer;border:none;background:transparent;transition:all .15s}.dv-model-btn:hover{background:rgba(255,255,255,.08);color:#e2e8f0}.dv-model-btn--active{background:#334155;color:#fff}.dv-toolbar{justify-content:space-between;padding:8px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.dv-pages,.dv-toolbar{display:flex;align-items:center}.dv-pages{gap:8px}.dv-page-btn{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .15s}.dv-page-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.dv-page-btn:disabled{opacity:.4;cursor:default}.dv-page-num{font-size:12px;color:#64748b;font-weight:500}.dv-toggle{display:flex;align-items:center;gap:4px}.dv-toggle-btn{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .15s}.dv-toggle-btn--active{background:#0f172a;color:#fff;border-color:#0f172a}.dv-render-check{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;font-weight:500;cursor:pointer;margin-left:8px;user-select:none}.dv-render-check input{accent-color:#2563eb}.dv-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 200px);border-top:1px solid #e2e8f0}.dv-left{border-right:1px solid #e2e8f0;overflow:auto;background:#f1f5f9;display:flex;align-items:flex-start;justify-content:center;padding:24px}.dv-img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dv-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:400px;color:#94a3b8;font-size:16px;font-weight:500;text-align:center}.dv-placeholder__sub{font-size:12px;color:#cbd5e1;font-weight:400}.dv-right{overflow:auto;background:#fff}.dv-right__header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;z-index:1}.dv-model-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#f1f5f9;color:#475569}.dv-model-tag--layra{background:rgba(37,99,235,.08);color:#2563eb}.dv-format-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;background:#f8fafc;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.dv-output{padding:20px 24px}.dv-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;color:#334155;white-space:pre-wrap;word-break:break-word;margin:0;background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.dv-rendered{font-size:14px;line-height:1.7;color:#1e293b}.dv-rendered h1{font-size:22px;font-weight:700;margin:0 0 12px;color:#0f172a}.dv-rendered h2{font-size:18px;font-weight:600;margin:20px 0 8px;color:#0f172a}.dv-rendered p{margin:0 0 10px}.dv-rendered table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.dv-rendered td,.dv-rendered th{border:1px solid #e2e8f0;padding:8px 12px;text-align:left}.dv-rendered th{background:#f8fafc;font-weight:600;color:#475569}.dv-rendered tr:hover td{background:rgba(37,99,235,.02)}.dv-rendered ol,.dv-rendered ul{margin:8px 0;padding-left:24px}.dv-rendered li{margin-bottom:4px}.dv-rendered strong{color:#0f172a}@media (max-width:768px){.dv-split{grid-template-columns:1fr}.dv-left{min-height:200px;border-right:none;border-bottom:1px solid #e2e8f0}.dv-models{gap:2px;padding:8px 12px}.dv-toolbar{flex-direction:column;gap:8px;align-items:flex-start}}