html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#111413;color:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block;width:100%;height:100%}.viewer-ui{position:fixed;inset:18px 18px auto 18px;display:flex;align-items:start;justify-content:space-between;gap:16px;pointer-events:none}.title{display:grid;gap:5px;max-width:min(340px,calc(100vw - 36px));padding:10px 12px;border:1px solid rgba(246,241,232,.15);border-radius:8px;background:#0e1110ad;box-shadow:0 18px 52px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.title strong{font-size:14px;line-height:1.1}.title span{color:#f6f1e8b8;font-size:12px;line-height:1.2}.controls{display:flex;flex-wrap:wrap;justify-content:end;gap:8px;max-width:calc(100vw - 36px);pointer-events:auto}button,a{min-height:38px;padding:0 13px;border:1px solid rgba(246,241,232,.18);border-radius:8px;background:#0e1110b8;color:#f6f1e8eb;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}button.active{border-color:#c7b678d9;background:#c7b678db;color:#14140f}@media (max-width: 680px){.viewer-ui{inset:12px 12px auto 12px;display:grid}.title{max-width:calc(100vw - 24px)}.controls{justify-content:start}button,a{min-height:36px;padding:0 11px;font-size:12px}}