:root{font-family:DM Sans,Arial,sans-serif;color:#f1f3ef;background:#111a20;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}.viewer{position:relative;width:100%;height:100%;height:100dvh;min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#adc0bf,#718789 48%,#46585d)}.canvas-wrap,.canvas-host,.fallback{position:absolute;inset:0}.canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}.fallback{background:#6b7e7b url(/media/front-loading.jpg) center/cover no-repeat;opacity:.96}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;pointer-events:none;background:linear-gradient(180deg,rgba(10,20,25,.62),transparent)}.brand,.top-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d9cfb88a;border-radius:10px;background:#17252dc9;color:#e8d6ae;font-size:27px}.brand strong{display:block;font:600 17px Libre Franklin,Arial,sans-serif;letter-spacing:.02em}.brand small{display:block;margin-top:3px;color:#d9e2df;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.status{padding:9px 12px;background:#18272cc9;border:1px solid #d9e2df40;border-radius:40px;color:#edf1ec;font-size:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-button{width:40px;height:40px;border:1px solid #d9e2df6b;background:#18272cdb;color:#fff;border-radius:11px;cursor:pointer;font-size:25px;line-height:1}.icon-button:hover,.view-list button:hover{background:#3b5158}.icon-button:focus-visible,.view-list button:focus-visible,#retry:focus-visible{outline:3px solid #e8ce95;outline-offset:3px}.view-panel{position:absolute;top:95px;left:28px;width:210px;max-height:calc(100% - 160px);overflow:auto;padding:17px 12px 12px;background:#14242bdd;border:1px solid #e5ece140;border-radius:16px;box-shadow:0 20px 45px #1020273d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{display:block;margin:0 10px 10px;color:#d7caa9;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.view-list{display:grid;gap:3px}.view-list button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 11px;color:#e7eeeb;background:transparent;border:1px solid transparent;border-radius:9px;text-align:left;cursor:pointer;font-size:14px;font-weight:600}.view-list button:before{content:"";width:6px;height:6px;border:1px solid #b5c9c8;border-radius:50%;flex:none}.view-list button[aria-current=true]{background:#cbd5d030;border-color:#dbe6df4a;color:#fff}.view-list button[aria-current=true]:before{background:#e8cf96;border-color:#e8cf96}.help{position:absolute;right:28px;bottom:24px;display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 270px);padding:10px 13px;border-radius:10px;background:#14242bbb;color:#f1f3ef;font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.help span+span:before{content:"·";margin-right:13px;color:#dbca9d}.load-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 32px));padding:25px;background:#15252bea;border:1px solid #edf3e655;border-radius:16px;box-shadow:0 25px 60px #07131a70;text-align:left}.load-panel[hidden]{display:none}.load-panel strong{font:600 18px Libre Franklin,Arial,sans-serif}.load-panel p{margin:10px 0 18px;font-size:16px;line-height:1.5;color:#dce7e5}.progress-track{height:5px;overflow:hidden;background:#81999970;border-radius:10px}.progress-fill{width:12%;height:100%;background:#ddcc9f;transition:width .2s}.progress-fill.indeterminate{width:35%;animation:load 1.4s ease-in-out infinite alternate}@keyframes load{0%{transform:translate(0)}to{transform:translate(210%)}}#retry{padding:10px 17px;border:0;border-radius:8px;background:#e8d6ae;color:#16262e;font-weight:700;cursor:pointer}@media(max-width:700px){.topbar{padding:14px}.brand-mark{width:37px;height:37px}.brand strong{font-size:15px}.brand small{font-size:11px}.status{display:none}.view-panel{inset:auto 0 0;width:100%;max-height:none;padding:12px 14px calc(13px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.eyebrow{margin:0 4px 8px}.view-list{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}.view-list button{width:auto;white-space:nowrap;flex:none;padding:11px 12px;border:1px solid #dbe6df44}.help{right:14px;bottom:112px;max-width:calc(100% - 28px);justify-content:flex-start;font-size:11px}.help span:nth-child(3){display:none}}@media(max-width:420px){.help{bottom:108px}.brand small{letter-spacing:0}}@media(prefers-reduced-motion:reduce){.progress-fill{animation:none!important;transition:none}}