*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#e8eaf0;-webkit-font-smoothing:antialiased;background:#0f1218;font-family:Inter,PingFang SC,system-ui,sans-serif;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}#r3f-canvas{z-index:2;background:0 0;position:fixed;inset:0}#r3f-canvas canvas{display:block;background:0 0!important;width:100%!important;height:100%!important}.viewer-loading{z-index:1000;background:#0f1218;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-loading-inner{text-align:center;width:90%;max-width:420px;padding:24px}.viewer-loading-title{margin-bottom:12px;font-size:22px;font-weight:700}.viewer-loading-bar{background:#ffffff1f;border-radius:3px;height:6px;margin:16px 0 8px;overflow:hidden}.viewer-loading-bar-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .2s}.viewer-loading-message{color:#e8eaf099;font-size:13px}.viewer-header{z-index:200;pointer-events:none;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex;position:fixed;top:20px;left:18px;right:auto}.viewer-header-brand{color:var(--viewer-company-title-color,#fff);font-family:var(--viewer-company-title-font,"Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif);font-size:var(--viewer-company-title-size,26px);letter-spacing:0;white-space:pre-wrap;transform:translate(var(--viewer-company-title-offset-x,0), var(--viewer-company-title-offset-y,0));font-weight:850;line-height:1;position:relative}.viewer-header-brand-shiny:after{content:attr(data-text);color:#0000;background-image:linear-gradient(var(--viewer-company-shine-spread,120deg), var(--viewer-company-title-color,#fff) 0%, var(--viewer-company-title-color,#fff) 35%, var(--viewer-company-shine-color,#fff) 50%, var(--viewer-company-title-color,#fff) 65%, var(--viewer-company-title-color,#fff) 100%);-webkit-text-fill-color:transparent;pointer-events:none;animation:viewer-company-shine var(--viewer-company-shine-speed,2s) linear infinite;animation-direction:var(--viewer-company-shine-direction,normal);background-position:150%;background-size:200%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.viewer-header-brand-shiny:after{animation:none}}.viewer-control-bar{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1218bf;border:1px solid #ffffff1a;border-radius:14px;gap:8px;padding:10px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.viewer-control-btn{white-space:nowrap;background:#ffffff14;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500}.viewer-control-btn.active{background:#3b82f6}.viewer-color-switcher{align-items:center;gap:6px;display:flex}.viewer-color-btn{color:#f8fafc;white-space:nowrap;background:#ffffff14;border-radius:8px;grid-template-columns:18px auto;align-items:center;gap:5px;height:34px;padding:6px 9px;font-size:12px;font-weight:600;display:grid}.viewer-color-btn.active{background:#3b82f647;outline:1px solid #60a5fabf}.viewer-color-swatch{background:var(--viewer-color-swatch);border-radius:4px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff59}.viewer-drawer{z-index:300;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1218eb;border-top:1px solid #ffffff1f;border-radius:16px 16px 0 0;max-height:55vh;padding:16px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.viewer-drawer-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;display:flex}.viewer-drawer-close{background:#ffffff1a;border-radius:8px;padding:6px 10px}.viewer-mobile-fab{z-index:200;color:#fff;background:#3b82f6;border-radius:50%;width:52px;height:52px;font-size:22px;position:fixed;bottom:84px;right:16px;box-shadow:0 6px 20px #3b82f659}@media (width>=769px){.viewer-mobile-fab,.viewer-drawer{display:none}}