*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f3f1;color:#151515;overscroll-behavior:none}main{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}header,footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:18px;padding:12px 16px}h1{font-size:20px;margin:0}p{font-size:13px;margin:3px 0 0;color:#666}button{border:0;border-radius:999px;padding:10px 14px;background:#151515;color:#fff;font-weight:600;font-size:14px;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}button.accent{background:#2a78d6}.tools{display:flex;gap:8px}.tools button{min-width:44px;padding:8px 12px;font-size:18px;background:#eceae6;color:#151515}.viewer{position:relative;min-height:0;overflow:hidden;border-radius:22px;background:linear-gradient(#e8e8e5,#fafaf8)}.viewer.full{position:fixed;inset:0;z-index:50;border-radius:0;background:#f3f3f1}.viewer.full .views{bottom:max(12px,env(safe-area-inset-bottom))}:fullscreen .views{bottom:16px}model-viewer{width:100%;height:100%;min-height:360px;--poster-color:transparent;--progress-bar-color:#2a78d6}.poster{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px}.views{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 10px;pointer-events:none}.views button{pointer-events:auto;background:#151515d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:9px 13px;min-height:40px;font-size:13px}.views button.accent{background:#2a78d6e6}.msg{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#151515;color:#fff;padding:8px 14px;border-radius:12px;font-size:13px;max-width:90%}footer{justify-content:center;flex-wrap:wrap;font-size:12px;color:#666}@media(min-width:800px){main{max-width:1200px;margin:auto;padding:24px}.viewer{min-height:650px}}