:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--text-primary-light: #111827;--text-secondary-light: #6B7280;--background-light: #ffffff;--border-light: #E5E7EB;--text-primary-dark: #F9FAFB;--text-secondary-dark: #9CA3AF;--background-dark: #18181b;--background-dark-page: #09090b;--border-dark: #27272a;--accent-color: #3B82F6;color-scheme:light dark;color:var(--text-primary-light);background-color:var(--background-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;display:flex;min-width:100vw;min-height:100vh;background-color:var(--background-light)}#root{display:flex;flex-direction:column;width:100vw;height:100vh}a{font-weight:500;color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.model-viewer-container{position:relative;width:100%;height:100%}model-viewer{width:100%;height:100%;background-color:var(--background-light)}.progress-container{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:280px;height:fit-content;max-height:90vh;text-align:center;z-index:100;display:flex;flex-direction:column;align-items:center;background-color:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;padding:24px;box-shadow:0 8px 32px #00000014;border:1px solid var(--border-light);pointer-events:none;box-sizing:border-box}.progress-icon{margin-bottom:16px;display:block}.progress-bar-container{width:100%;height:8px;background-color:var(--border-light);border-radius:4px;overflow:hidden;margin-bottom:16px;box-sizing:border-box}.progress-bar{height:100%;background-color:var(--accent-color);border-radius:4px;transition:width .3s cubic-bezier(.25,.1,.25,1)}.progress-text{font-size:14px;color:var(--text-secondary-light);font-weight:500;margin:0}.progress-message{font-size:16px;color:var(--text-primary-light);font-weight:500;margin:0 0 12px;white-space:nowrap}.error-message{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;padding:20px;background-color:var(--background-light)}.error-content{background-color:var(--background-light);padding:40px;border-radius:16px;box-shadow:0 8px 24px #0000000d;border:1px solid var(--border-light);max-width:500px;display:flex;flex-direction:column;align-items:center}.error-icon-container{margin-bottom:20px;color:#ef4444}.error-content h2{color:var(--text-primary-light);margin-bottom:12px;font-size:20px;font-weight:600}.error-content p{color:var(--text-secondary-light);margin:8px 0;font-size:15px;line-height:1.6}.error-content code{background-color:#f3f4f6;padding:3px 6px;border-radius:4px;font-family:SF Mono,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:13px;color:var(--text-primary-light);border:1px solid var(--border-light)}.example{margin-top:16px;opacity:.7;font-size:13px}@media (prefers-color-scheme: dark){body{background-color:var(--background-dark-page);color:var(--text-primary-dark)}model-viewer{background-color:var(--background-dark)}.progress-container{background-color:#27272ad9;border-color:var(--border-dark);box-shadow:0 4px 12px #00000026;color:var(--text-primary-dark)}.progress-bar-container{background-color:var(--border-dark)}.progress-text{color:var(--text-secondary-dark)}.progress-message{color:var(--text-primary-dark)}.error-message{background-color:var(--background-dark-page)}.error-content{background-color:#18181b;border-color:var(--border-dark);box-shadow:0 8px 24px #00000026}.error-icon-container{color:#f87171}.error-content h2{color:var(--text-primary-dark)}.error-content p{color:var(--text-secondary-dark)}.error-content code{background-color:#27272a;color:var(--text-primary-dark);border-color:#3f3f46}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(128,128,128,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.5)}
