.view-node{border-color:#568797;background:#0b202b}.view-node>.empty-node-body,.view-dialog>.empty-node-body{display:flex;flex-direction:column;min-height:0;flex:1;gap:10px;padding:12px;overflow:hidden}.view-tools{display:flex;gap:8px;align-items:center;flex-shrink:0}.view-tag{font-size:11px;letter-spacing:2px;color:#83d8de;margin-right:auto}.view-tools button,.view-model-tools button,.view-stage>button{border:1px solid #365b68;background:#15333e;color:#c4e7e9;border-radius:6px;padding:6px 10px;font-size:11px;cursor:pointer}.view-stage{position:relative;min-height:150px;flex:1;background:#071820;border:1px solid #294c58;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.view-stage>img,.view-stage>video,.view-stage>svg{width:100%;height:100%;object-fit:contain;min-height:0}.view-stage>audio{width:90%}.view-stage>iframe{border:0;width:100%;height:100%}.view-stage>canvas{display:block;width:100%;height:100%;touch-action:none}.view-empty{color:#81a6b2;font-size:12px;line-height:1.9;text-align:center;padding:24px;max-width:420px}.view-notice{font-size:11px;line-height:1.6;color:#9ec1cb;flex-shrink:0;margin:0;max-height:54px;overflow:auto;user-select:text}.view-info{max-height:155px;flex-shrink:0;overflow:auto;font-size:11px;border-top:1px solid #294c58;padding-top:8px;user-select:text}.view-metadata{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.view-metadata div{min-width:0}.view-metadata dt{color:#72939f;font-size:10px;margin-bottom:3px}.view-metadata dd{color:#c4dfe5;margin:0;overflow-wrap:anywhere}.view-data p{margin:6px 0;color:#8facb6}.view-code{white-space:pre;align-self:stretch;width:100%;overflow:auto;padding:15px;tab-size:4;font:12px/1.8 Consolas,monospace;color:#c6e5eb;margin:0;user-select:text}.view-hex{white-space:pre-wrap;overflow-wrap:anywhere}.view-model-tools{position:absolute;bottom:10px;right:10px;display:flex;gap:5px}.view-dialog{width:92vw;height:90vh;max-width:1800px;max-height:95vh;background:#0b202b;color:#c4e7e9;border:1px solid #4c7686;border-radius:14px;padding:0;overflow:hidden}.view-dialog[open]{display:flex;flex-direction:column}.view-dialog::backdrop{background:#030a10d9}.view-dialog>header{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #294c58}.view-dialog>header button{margin-left:auto;color:#c4e7e9;font-size:24px;padding:0 10px}.view-dialog .view-info{max-height:130px}.view-dialog .view-metadata{grid-template-columns:repeat(3,1fr)}.view-dialog .view-tools>button:first-of-type{display:none}.view-node button:focus-visible,.view-dialog button:focus-visible{outline:2px solid #8ae7e7;outline-offset:2px}
.view-node.node-folded>.empty-node-body{display:none}.view-data button{border:1px solid #365b68;background:#15333e;color:#c4e7e9;border-radius:6px;padding:6px 10px;cursor:pointer}.view-data button:disabled{opacity:.5}

.view-stage.archive-replace-target{outline:2px solid #8fe9f3;outline-offset:-2px;box-shadow:inset 0 0 0 5px #65c9da44}

.canvas-viewport.archive-drag-active .view-stage iframe{pointer-events:none}