:root{color:#242622;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e9e8e3;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}button{font:inherit}.viewer{background:#e9e8e3;width:100%;height:100svh;min-height:420px;position:relative;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#scene:active{cursor:grabbing}.topbar,.toolbar{z-index:2;-webkit-backdrop-filter:blur(14px);background:#f6f5f1e0;align-items:center;display:flex;position:absolute;left:0;right:0}.topbar{border-bottom:1px solid #2528241f;justify-content:space-between;height:76px;padding:0 38px;top:0}.identity{align-items:center;gap:20px;min-width:0;display:flex}.wordmark{letter-spacing:-.08em;font-size:22px;font-weight:800;line-height:1}.identity-divider{background:#c6c5bd;width:1px;height:23px}.project-name{letter-spacing:.01em;white-space:nowrap;font-size:13px}.view-label{letter-spacing:.16em;white-space:nowrap;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.view-dot{background:#b96f56;border-radius:50%;width:6px;height:6px}.status{z-index:1;color:#494d45;letter-spacing:.01em;pointer-events:none;justify-content:center;align-items:center;gap:14px;font-size:14px;transition:opacity .3s;display:flex;position:absolute;inset:76px 0 82px}.status.is-hidden{opacity:0;visibility:hidden}.status.is-error{text-align:center;padding:24px}.status-mark{border:2px solid #ae755f;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite pulse}.status.is-error .status-mark{display:none}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.toolbar{border-top:1px solid #2528241f;gap:36px;min-height:82px;padding:15px 38px;bottom:0}.view-caption{flex-direction:column;gap:6px;min-width:178px;display:flex}.caption-index{color:#aa6750;letter-spacing:.16em;font-size:10px;font-weight:800}.caption-detail{font-size:13px;font-weight:600}.gesture-hint{color:#5d6058;margin:0 auto 0 0;font-size:12px;line-height:1.5}.gesture-hint span{color:#9b9d96;padding:0 7px}.gesture-touch{display:none}.reset-button{color:#242622;cursor:pointer;background:0 0;border:1px solid #333830;border-radius:2px;justify-content:center;align-items:center;gap:9px;min-width:128px;min-height:42px;padding:0 15px;font-size:12px;font-weight:700;transition:background .16s,color .16s;display:inline-flex}.reset-button:hover:not(:disabled),.reset-button:focus-visible{color:#fff;background:#2b3029}.reset-button:disabled{opacity:.45;cursor:default}.reset-icon{font-size:19px;font-weight:400;line-height:1}@media (width<=760px){.topbar{height:62px;padding:0 20px}.identity{gap:12px}.wordmark{font-size:19px}.identity-divider{height:18px}.project-name{font-size:12px}.view-label{font-size:9px}.toolbar{flex-wrap:wrap;gap:10px;min-height:95px;padding:13px 20px}.view-caption{flex:1;gap:3px;min-width:0}.caption-detail{font-size:12px}.gesture-desktop{display:none}.gesture-touch{order:3;width:100%;font-size:11px;display:block}.reset-button{min-width:105px;min-height:38px;font-size:11px}.status{inset:62px 0 95px}}@media (width<=380px){.view-label{display:none}.gesture-touch{font-size:10px}}@media (prefers-reduced-motion:reduce){.status-mark{animation:none}.status,.reset-button{transition:none}}