:root{font:14px/1.4 system-ui,sans-serif;color:#eaf0f6;background:#111b27}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0}main{display:flex;flex-direction:column;min-height:0}.masthead{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;background:#0d1520;border-bottom:1px solid #344558}.masthead div{display:flex;flex-direction:column}.masthead small{color:#9db6d0}#status{flex:1;color:#b6c7d9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:flex;flex:1;min-height:0}.viewport{position:relative;flex:1;min-width:0;background:#182333}#canvas{position:absolute;top:0;right:0;bottom:0;left:0}#canvas canvas{display:block}.view-actions{position:absolute;top:.7rem;left:.7rem;display:flex;gap:.5rem}#tour-banner{position:absolute;left:1rem;bottom:1rem;display:flex;flex-direction:column;max-width:min(34rem,80%);gap:.2rem;padding:.65rem .85rem;background:#101923dc;border-left:3px solid #75bfff;border-radius:3px;pointer-events:none}#tour-banner[hidden],#anchor-label[hidden]{display:none}#tour-caption{color:#d6e3f0}#anchor-label{position:absolute;padding:.25rem .45rem;border-radius:4px;background:#f7dc75;color:#15202b;font-weight:650;pointer-events:none;white-space:nowrap}.inspector{display:flex;flex-direction:column;width:260px;border-left:1px solid #344558;padding:.8rem;gap:.65rem;background:#142232;overflow-y:auto}.aside-heading{display:flex;justify-content:space-between;align-items:center}#object-list{flex:1;overflow:auto;min-height:4rem;border:1px solid #344558;border-radius:5px;padding:.25rem}.object-row{display:block;width:100%;margin:.12rem 0;padding:.35rem .5rem;text-align:left;border-color:transparent;background:transparent}.object-row[aria-selected=true]{background:#294e77;border-color:#81c2ff}.selection-actions{display:flex;flex-wrap:wrap;gap:.35rem}.selection-actions button{flex:1}#selection-detail{margin:0;min-height:2.2rem;color:#bed0e1;font-size:.85rem;overflow-wrap:anywhere}#compatibility{max-height:9rem;overflow:auto;border-top:1px solid #344558;padding-top:.5rem;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}#tour-editor{border-top:1px solid #344558;padding-top:.5rem}#tour-editor summary{cursor:pointer;font-weight:650}#tour-editor label{display:flex;flex-direction:column;gap:.15rem;margin-top:.45rem;font-size:.8rem}#tour-editor label:has(input[type=checkbox]){flex-direction:row;align-items:center}#tour-editor input:not([type=checkbox]),#tour-editor textarea,#tour-editor select{width:100%;min-width:0}#chapter-list{max-height:7rem;overflow:auto}.chapter-row{display:flex;align-items:center;gap:.3rem;margin:.25rem 0}.chapter-row button:first-child{flex:1;text-align:left}#tour-error{color:#ffd090;font-size:.8rem}.timeline{padding:.7rem 1rem .5rem;border-top:1px solid #344558;background:#0d1520}.transport{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.transport label{display:inline-flex;align-items:center;gap:.3rem}#time{margin-left:auto;font-variant-numeric:tabular-nums}#seek{display:block;width:100%;margin:.7rem 0 .35rem;accent-color:#75bfff}.hints{color:#a5b8cb;font-size:.75rem}button,select,input[type=search]{border:1px solid #7894b1;border-radius:5px;padding:.38rem .55rem;background:#273c53;color:#fff;font:inherit}button{cursor:pointer}button:disabled,select:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #99d0ff;outline-offset:2px}@media(max-width:700px){.workspace{flex-direction:column}.inspector{width:100%;max-height:32%;border-left:0;border-top:1px solid #344558}.hints{display:none}.timeline{padding:.45rem}}