:root{color-scheme:light dark;--dxv-bar: #1f2933;--dxv-bar-ink: #e6eaf0;--dxv-bar-dim: #9aa5b1;--dxv-accent: #ff5c00;--dxv-stage: #e9ebef}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.dxv{display:flex;flex-direction:column;height:100%;position:relative}.dxv-bar{flex:none;display:flex;align-items:center;gap:16px;padding:0 16px;height:48px;background:var(--dxv-bar);color:var(--dxv-bar-ink)}.dxv-brand{display:flex;align-items:baseline;gap:8px}.dxv-wordmark{font-weight:700;letter-spacing:.01em}.dxv-tag{font-size:12px;color:var(--dxv-bar-dim)}.dxv-file{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.dxv-file-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dxv-file-size,.dxv-file-empty{font-size:11px;color:var(--dxv-bar-dim)}.dxv-actions{flex:none;display:flex;align-items:center;gap:8px}.dxv-timing{font-size:11px;color:var(--dxv-bar-dim);font-variant-numeric:tabular-nums}.dxv-button{font:inherit;font-size:12px;padding:5px 10px;border-radius:6px;border:1px solid transparent;cursor:pointer}.dxv-button--secondary{background:#ffffff14;color:var(--dxv-bar-ink);border-color:#ffffff29}.dxv-button--secondary:hover{background:#ffffff29}.dxv-warnings{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px;background:#fff7ed;border-bottom:1px solid #fed7aa}.dxv-warning{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 6px;border-radius:4px;background:#ffedd5;color:#9a3412;cursor:help}.dxv-stage{flex:1;min-height:0;position:relative;background:var(--dxv-stage)}.dxv-frame{width:100%;height:100%;border:0;display:block;background:transparent}.dxv-doc{position:absolute;top:0;right:0;bottom:0;left:0}.dxv-zoom{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:6px;overflow:hidden}.dxv-zoom-btn,.dxv-zoom-pct{font:inherit;font-size:12px;background:#ffffff14;color:var(--dxv-bar-ink);border:0;cursor:pointer;padding:5px 8px}.dxv-zoom-btn{width:28px;font-size:15px;line-height:1}.dxv-zoom-btn:hover,.dxv-zoom-pct:hover{background:#ffffff29}.dxv-zoom-pct{min-width:52px;font-variant-numeric:tabular-nums}.dxv-zoom-pct--fit{color:var(--dxv-accent)}.dxv-seg{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:6px;overflow:hidden}.dxv-seg-btn{font:inherit;font-size:12px;background:#ffffff14;color:var(--dxv-bar-ink);border:0;cursor:pointer;padding:5px 10px}.dxv-seg-btn:hover{background:#ffffff29}.dxv-seg-btn.is-active{background:var(--dxv-accent);color:#fff}.dxv-pageind{font-size:12px;color:var(--dxv-bar-ink);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.dxv-drop{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #b6bcc6;border-radius:12px;background:#f6f7f9;cursor:pointer;font:inherit;color:#48515e}.dxv-drop:hover{border-color:var(--dxv-accent)}.dxv-drop-title{font-size:18px;font-weight:600;color:#26303b}.dxv-drop-subtitle{font-size:13px}.dxv-drop-note{font-size:11px;color:#8a94a1;max-width:320px;text-align:center}.dxv-drag-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--dxv-accent);background:#ff5c000f;border:3px dashed var(--dxv-accent);pointer-events:none}.dxv-status{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;background:#26303b;color:#e6eaf0;font-size:13px;box-shadow:0 4px 16px #0000003d}.dxv-status--error{background:#7f1d1d}