:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ddd9d0;background:#080808;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#viewer{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}#viewer{position:relative}#scene{display:block;width:100%;height:100%;touch-action:none;outline:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#080808;transition:opacity .45s ease;pointer-events:none;font-size:12px;letter-spacing:.09em}#loading.done{opacity:0}.mark{width:48px;height:44px}.progress{width:132px;height:1px;background:#252525;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#b0ada3;transition:width .2s}#viewer-meta{position:absolute;left:max(1.25rem,env(safe-area-inset-left));right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.15rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:1.25rem;pointer-events:none}#renderer-label,#hint,#actions{opacity:0;transition:opacity .7s}#renderer-label.visible,#hint.visible,#actions.visible{opacity:1}#renderer-label,#hint{color:#f3f1eb;background:#080808b8;padding:4px 6px;border-radius:3px;font-size:.6875rem;font-weight:400;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#renderer-label{flex-shrink:0}#hint{text-align:right;min-width:0}.touch-hint,html[data-input=touch] .desktop-hint{display:none}html[data-input=touch] .touch-hint{display:inline}#actions{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right))}#reset{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:50%;color:#d9c6b5;background:#0c0a098c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:background .2s,color .2s,border-color .2s}#reset:hover,#reset:focus-visible{color:#f3f2e9;background:#2e1f19cc;border-color:#fff4;outline:none}#reset svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;color:#d6ccc2;text-align:center;width:min(85vw,430px);line-height:1.6}#error[hidden]{display:none}@media(max-width:680px){#viewer-meta{left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));gap:.75rem}#renderer-label,#hint{font-size:.625rem;letter-spacing:.035em}#hint{white-space:normal;max-width:calc(100vw - 110px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}