:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f6fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#6c7cff2e,#0000 30%),linear-gradient(#0c0f14 0%,#101521 48%,#0b0e13 100%);font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}.viewer-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.viewer-panel{gap:20px;width:min(100%,980px);display:grid}.viewer-header{padding:6px 4px 0}.eyebrow{color:#91a0b8;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem}.viewer-header h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.description{color:#c5cedb;max-width:48rem;margin:12px 0 0;font-size:clamp(.98rem,2.2vw,1.08rem)}.viewer-stage{background:radial-gradient(circle,#ffffff12,#0000 55%),linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:28px;min-height:min(74vh,780px);position:relative;overflow:hidden;box-shadow:0 30px 70px #00000059}.viewer-canvas{width:100%;height:100%;min-height:inherit;touch-action:none}.viewer-reset-button{z-index:2;color:#eef3fb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;padding:11px 16px;position:absolute;bottom:16px;right:16px;box-shadow:0 14px 28px #00000040}.loading-overlay{pointer-events:none;color:#eef3fb;text-align:center;background:linear-gradient(#0c0f1433,#0c0f1414);place-items:center;gap:14px;display:grid;position:absolute;inset:0}.loading-overlay--idle{gap:10px}.loading-overlay--idle span{color:#c1ccdc;max-width:28rem;font-size:.9rem}.spinner{border:3px solid #ffffff2e;border-top-color:#fff;border-radius:50%;width:52px;height:52px;animation:.9s linear infinite spin;box-shadow:0 0 24px #ffffff29}.loading-overlay p{letter-spacing:.02em;margin:0;font-size:.95rem}.viewer-footer{color:#97a5ba;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:0 4px;font-size:.9rem;display:flex}.viewer-footer p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.viewer-shell{padding:14px}.viewer-stage{border-radius:22px;min-height:min(68vh,640px)}.viewer-footer{flex-direction:column}.viewer-reset-button{width:auto;bottom:12px;left:12px;right:12px}}