:root{color:#e8ebf0;background:#0f1115;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.application-shell{max-width:1440px;margin:0 auto;padding:1.5rem}.application-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.eyebrow{color:#99a9c8;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0 0 .25rem;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:.25rem;font-size:clamp(1.5rem,4vw,2.25rem)}.subtitle{color:#b8c0cd;margin-bottom:0}.fullscreen-button{background:#d8e4ff;border:0;border-radius:.375rem;color:#182030;cursor:pointer;font-weight:700;padding:.7rem 1rem}.fullscreen-button:disabled{cursor:not-allowed;opacity:.5}.viewer-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(14rem,19rem)}.viewer-frame{background:#171a1f;border:1px solid #343b4a;border-radius:.5rem;min-height:min(68vh,48rem);overflow:hidden;position:relative}.viewer-frame canvas{display:block;height:100%!important;width:100%!important}.viewer-message{background:#0f1115e0;border-radius:.375rem;left:50%;padding:.75rem 1rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.error-message,.error-notice{color:#ffd0d0}.notice{margin:0 0 1rem}.debug-panel{background:#171a1f;border:1px solid #343b4a;border-radius:.5rem;padding:1rem}.debug-panel h2{font-size:1rem;margin-bottom:.75rem}.debug-panel dl{margin:0}.debug-panel dl div{border-top:1px solid #343b4a;display:grid;gap:.5rem;grid-template-columns:1fr minmax(0,1.3fr);padding:.6rem 0}.debug-panel dt{color:#aeb8c8}.debug-panel dd{margin:0;overflow-wrap:anywhere;text-align:right}@media(max-width:760px){.application-shell{padding:1rem}.application-header,.viewer-layout{grid-template-columns:1fr}.application-header{align-items:flex-start;flex-direction:column}.viewer-frame{min-height:55vh}}