:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#17223c;background:#e9edf3;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #172f73;--blue: #2853bd;--ink: #17223c;--muted: #778197;--line: rgba(28, 47, 85, .11);--surface: rgba(255, 255, 255, .92);--shadow: 0 14px 40px rgba(38, 49, 73, .08), 0 2px 8px rgba(38, 49, 73, .05)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{height:100%;padding:14px;background:radial-gradient(circle at 18% -10%,rgba(121,153,220,.13),transparent 31%),#e9edf3}.app-header{position:relative;z-index:20;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:#ffffffde;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.header-actions,.title-lockup{display:flex;align-items:center}.brand-lockup{gap:11px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#22489d,#152e70);box-shadow:0 7px 18px #1d3b8a3d}.brand-mark svg{width:33px;height:33px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand-lockup>div:last-child{display:flex;flex-direction:column;gap:2px}.brand-lockup strong{color:var(--navy);font-size:16px;letter-spacing:.08em}.brand-lockup span{color:#8a93a5;font-size:8px;letter-spacing:.11em}.title-lockup{flex-direction:column;gap:3px}.title-lockup h1{margin:0;color:var(--navy);font-size:clamp(22px,2vw,31px);font-weight:700;letter-spacing:.025em}.title-lockup span{color:#98a1b2;font-size:9px;font-weight:600;letter-spacing:.26em}.header-actions{justify-content:flex-end;gap:12px}.online-state{display:inline-flex;align-items:center;gap:7px;color:#667087;font-size:12px;font-weight:600}.online-state i{width:7px;height:7px;border-radius:50%;background:#43b581;box-shadow:0 0 0 4px #43b58121}.demo-chip{padding:10px 15px;border-radius:12px;color:#fff;background:var(--navy);font-size:11px;font-weight:700;letter-spacing:.1em}.app-main{display:flex;gap:12px;height:calc(100% - 90px);margin-top:12px}.model-sidebar{position:relative;z-index:15;width:246px;flex:0 0 246px;display:flex;flex-direction:column;padding:20px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#ffffffe0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-head,.clip-panel-head{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{color:#9aa3b4;font-size:8px;font-weight:700;letter-spacing:.18em}.sidebar-head h2,.clip-panel-head h3{margin:4px 0 0;color:#1b2b4f;font-size:20px}.search-box{height:42px;display:flex;align-items:center;gap:9px;margin-top:18px;padding:0 12px;border:1px solid #e2e7f0;border-radius:12px;background:#f7f9fc;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#8da7e6;box-shadow:0 0 0 3px #4667bc17}.search-box svg{width:16px;fill:none;stroke:#8d97a8;stroke-width:1.8}.search-box input{width:100%;border:0;outline:0;color:#33415f;background:transparent;font-size:12px}.search-box input::placeholder{color:#a5adbb}.library-tabs{display:flex;gap:4px;margin:14px 0;padding:4px;border-radius:11px;background:#edf1f7}.library-tabs button{flex:1;padding:8px 4px;border:0;border-radius:8px;background:transparent;color:#8b94a4;font-size:11px;font-weight:600}.library-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 2px 7px #2e3d5e17}.library-tabs button:disabled{opacity:.55}.model-list{min-height:106px;display:flex;flex-direction:column;gap:9px}.model-card{position:relative;width:100%;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px;text-align:left;border:1px solid #dde4ef;border-radius:14px;background:#fff;cursor:pointer}.model-card.active{border-color:#2a4fab59;box-shadow:0 8px 22px #2643871a}.model-card>i{width:7px;height:7px;border-radius:50%;background:#34b17a;box-shadow:0 0 0 4px #34b17a1c}.model-thumb{width:54px;height:54px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#edf2f8,#e2e8f1)}.model-thumb svg{width:38px;fill:#284fa414;stroke:#36599e;stroke-width:1.5;stroke-linejoin:round}.model-thumb .motion-path{fill:none;stroke:#e06c52;stroke-linecap:round;stroke-width:2}.model-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:5px}.model-card strong{overflow:hidden;color:#23304c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.model-card small{color:#99a2b2;font-size:9px}.empty-result{padding:24px 8px;color:#9ca5b4;text-align:center;font-size:12px}.sidebar-note{display:flex;gap:10px;margin-top:auto;padding:13px;border-radius:13px;background:#f4f7fb}.note-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5071bb;font:700 11px serif}.sidebar-note p{margin:0;color:#758096;font-size:10px;line-height:1.65}.sidebar-note strong{display:block;margin-bottom:2px;color:#41506d;font-size:11px}.model-meta{display:flex;justify-content:space-between;margin-top:12px;padding:0 3px;color:#9aa3b2;font-size:9px}.model-meta strong{color:#657087;font-weight:600}.workspace{min-width:0;flex:1}.viewer{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:radial-gradient(circle at 51% 43%,#fffffffa 0,#f6f8fbe0 34%,#e0e5edcc),#edf0f5;box-shadow:inset 0 0 80px #3d4b6a09,var(--shadow)}.viewer:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(57,76,113,.1) .55px,transparent .55px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,transparent 2%,#000 35%,#000 72%,transparent 98%);mask-image:linear-gradient(to bottom,transparent 2%,#000 35%,#000 72%,transparent 98%);opacity:.36}.viewer canvas{position:absolute;inset:0;width:100%;height:100%;outline:0}.viewer-toolbar{position:absolute;z-index:5;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:14px;pointer-events:none}.feature-actions,.view-tabs{pointer-events:auto}.feature-actions{display:flex;gap:8px}.tool-button{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(40,63,112,.12);border-radius:12px;color:#45516b;background:#ffffffdb;box-shadow:0 6px 18px #2e3c5b14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-size:11px;font-weight:650;transition:all .2s ease}.tool-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-button:hover{transform:translateY(-1px);border-color:#274daa59;color:var(--navy)}.tool-button.active{border-color:#234aa5;color:#fff;background:linear-gradient(145deg,#2857bc,#17367f);box-shadow:0 8px 21px #1f46a13d}.view-tabs{display:flex;padding:4px;border:1px solid rgba(255,255,255,.9);border-radius:13px;background:#ffffffc7;box-shadow:0 7px 20px #2f3b5614;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.view-tabs button{height:32px;padding:0 12px;border:0;border-radius:9px;color:#657087;background:transparent;cursor:pointer;font-size:10px;font-weight:600;white-space:nowrap;transition:.18s ease}.view-tabs button:hover{color:var(--navy);background:#f1f4f9}.view-tabs button.active{color:#fff;background:var(--navy);box-shadow:0 4px 11px #1b398438}.clip-panel{position:absolute;z-index:5;top:78px;right:18px;width:292px;max-height:calc(100% - 126px);padding:16px;overflow-y:auto;border:1px solid rgba(255,255,255,.92);border-radius:16px;background:#ffffffd1;box-shadow:0 12px 32px #2b37531a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.clip-panel-head{margin-bottom:15px}.clip-panel-head h3{font-size:15px}.clip-panel-head button{padding:5px 8px;border:0;border-radius:7px;color:#5570ab;background:#edf2fb;cursor:pointer;font-size:9px;font-weight:600}.axis-slider{display:grid;grid-template-columns:26px 1fr 32px;align-items:center;gap:8px;min-height:40px}.axis-badge{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--axis-color);box-shadow:0 4px 10px color-mix(in srgb,var(--axis-color) 28%,transparent);font-size:10px;font-weight:700}.axis-slider output{color:#778196;text-align:right;font-size:9px;font-variant-numeric:tabular-nums}.range-wrap{position:relative;height:22px;display:flex;align-items:center}.range-wrap:before,.range-wrap:after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px}.range-wrap:before{background:#dfe4ec}.range-wrap:after{right:auto;width:var(--range-progress);background:var(--axis-color)}.range-wrap input{position:relative;z-index:2;width:100%;height:22px;margin:0;opacity:0;cursor:ew-resize}.range-wrap .neutral-mark{position:absolute;z-index:1;left:50%;width:2px;height:8px;border-radius:2px;background:#9da9bd;transform:translate(-1px)}.range-wrap::marker{display:none}.range-wrap input::-webkit-slider-thumb{width:18px;height:18px;appearance:none}.range-wrap::selection{background:transparent}.range-wrap>input:focus-visible{opacity:.08;border-radius:10px;background:var(--axis-color);outline:2px solid var(--axis-color)}.range-wrap{--thumb-left: var(--range-progress)}.range-wrap span{display:none}.range-wrap:has(input):after{box-shadow:none}.axis-slider .range-wrap{background:radial-gradient(circle at var(--range-progress) 50%,#fff 0 7px,rgba(45,57,82,.18) 7.6px,transparent 8.5px)}.rotation-divider{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:13px;border-top:1px solid #e6eaf1}.rotation-divider>div{display:flex;flex-direction:column;gap:2px}.rotation-divider span{color:#35425e;font-size:11px;font-weight:700}.rotation-divider small{color:#98a1b1;font-size:8px}.rotation-divider button{padding:5px 8px;border:0;border-radius:7px;color:#657494;background:#edf1f7;cursor:pointer;font-size:8px;font-weight:600}.rotation-slider{display:grid;grid-template-columns:34px 1fr 38px;align-items:center;gap:7px;min-height:34px}.rotation-label{color:var(--axis-color);font-size:9px;font-weight:700;white-space:nowrap}.rotation-slider output{color:#667188;text-align:right;font-size:9px;font-variant-numeric:tabular-nums}.rotation-slider .range-wrap{background:radial-gradient(circle at var(--range-progress) 50%,#fff 0 7px,rgba(45,57,82,.18) 7.6px,transparent 8.5px)}.rotation-range:after{opacity:.82}.rotation-scale{display:grid;grid-template-columns:34px repeat(5,1fr) 38px;margin-top:-3px;color:#a0a8b6;font-size:7px}.rotation-scale span{text-align:center}.rotation-scale span:first-child{grid-column:2}.clip-legend{display:flex;gap:18px;margin-top:11px;padding-top:11px;border-top:1px solid #e6eaf1;color:#8992a3;font-size:9px}.clip-legend span{display:flex;align-items:center;gap:6px}.clip-legend i{width:9px;height:9px;display:inline-block}.surface-dot{border-radius:2px;background:#d95f45}.line-dot{height:2px!important;border-radius:2px;background:#e8bc27}.animation-dock{position:absolute;z-index:7;right:18px;bottom:45px;left:18px;display:flex;align-items:center;justify-content:flex-end;gap:12px;pointer-events:none}.animation-dock button,.animation-progress-card{pointer-events:auto}.animation-launch,.animation-actions button{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid rgba(255,255,255,.7);border-radius:13px;color:#fff;background:linear-gradient(145deg,#2857bc,#17367f);box-shadow:0 9px 24px #1f46a13d;cursor:pointer;font-size:11px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.animation-launch:hover,.animation-actions button:hover{transform:translateY(-1px);box-shadow:0 11px 27px #1f46a14d}.animation-launch svg,.animation-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.animation-launch svg path,.animation-toggle svg:last-of-type path{fill:currentColor;stroke:none}.animation-progress-card{min-width:260px;max-width:720px;height:50px;flex:1;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:11px;padding:0 16px;border:1px solid rgba(255,255,255,.92);border-radius:15px;background:#ffffffe0;box-shadow:0 10px 28px #2b37531f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.animation-time{color:#7a8598;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.animation-time.current{color:#3156a9;font-weight:700}.animation-range{position:relative;height:24px;display:flex;align-items:center}.animation-range:before,.animation-range:after{content:"";position:absolute;left:0;height:4px;border-radius:4px}.animation-range:before{right:0;background:#dfe4ec}.animation-range:after{width:var(--animation-progress);background:linear-gradient(90deg,#2853bd,#6685dc)}.animation-range input{position:relative;z-index:2;width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:ew-resize}.animation-range input::-webkit-slider-runnable-track{height:4px;background:transparent}.animation-range input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;appearance:none;border:1px solid rgba(35,52,86,.14);border-radius:50%;background:#fff;box-shadow:0 3px 9px #2a36503d}.animation-range input::-moz-range-track{height:4px;background:transparent}.animation-range input::-moz-range-thumb{width:20px;height:20px;border:1px solid rgba(35,52,86,.14);border-radius:50%;background:#fff;box-shadow:0 3px 9px #2a36503d}.animation-range input:focus-visible{border-radius:11px;outline:2px solid rgba(40,83,189,.55);outline-offset:2px}.animation-actions{display:flex;gap:8px;pointer-events:auto}.animation-actions .animation-stop{color:#304d91;background:#ffffffeb;box-shadow:0 8px 21px #2b37531f}.animation-actions .animation-toggle{min-width:82px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.interaction-hint{position:absolute;z-index:4;left:18px;bottom:48px;display:flex;gap:7px;padding:8px 10px;border-radius:10px;color:#7f8999;background:#ffffffa8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px}.interaction-hint span{display:flex;align-items:center;gap:4px}.mouse-icon{position:relative;width:10px;height:14px;display:inline-block;border:1.2px solid #8290a5;border-radius:5px}.mouse-icon:after{content:"";position:absolute;top:2px;bottom:6px;width:1px;background:#8290a5}.mouse-icon.left:after{left:3px}.mouse-icon.wheel:after{left:4px;width:2px;border-radius:2px}.mouse-icon.right:after{right:3px}.axis-gizmo{position:absolute;z-index:4;right:26px;bottom:52px;width:66px;height:66px;color:#778298;font-size:9px;font-weight:700;opacity:.8}.axis-gizmo:before,.axis-gizmo:after,.axis-gizmo i{content:"";position:absolute;left:31px;bottom:20px;width:28px;height:1.5px;border-radius:2px;transform-origin:left center}.axis-gizmo:before{background:#e15e51;transform:rotate(-22deg)}.axis-gizmo:after{background:#4a9a77;transform:rotate(-142deg)}.axis-gizmo i{width:26px;background:#506bd0;transform:rotate(-90deg)}.gizmo-x,.gizmo-y,.gizmo-z{position:absolute}.gizmo-x{right:0;bottom:8px;color:#d85649}.gizmo-y{left:2px;bottom:8px;color:#438a6b}.gizmo-z{left:28px;top:0;color:#4a63c2}.viewer-status{position:absolute;z-index:4;left:0;right:0;bottom:0;height:31px;display:flex;align-items:center;gap:17px;padding:0 18px;border-top:1px solid rgba(77,92,121,.08);color:#929baa;background:#f6f8fbad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px;letter-spacing:.02em}.status-model{margin-right:auto;color:#69758b}.status-model i{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:#4bb784}.loading-state,.error-state{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef2f7ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-state strong{margin-top:22px;color:#25375d;font-size:14px}.loading-state>span{margin-top:6px;color:#8a94a5;font-size:10px}.progress-track{width:180px;height:3px;margin-top:16px;overflow:hidden;border-radius:3px;background:#dbe1ea}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3159b2,#6384d3);transition:width .2s}.loader-cube{position:relative;width:52px;height:52px;transform:rotate(30deg) skewY(-10deg);animation:cube-float 2s ease-in-out infinite}.loader-cube i{position:absolute;width:32px;height:32px;border:1px solid rgba(43,82,168,.28);background:#3b63b91a}.loader-cube i:nth-child(1){left:0;top:16px}.loader-cube i:nth-child(2){left:17px;top:7px}.loader-cube i:nth-child(3){left:8px;top:-1px}@keyframes cube-float{0%,to{transform:translateY(0) rotate(30deg) skewY(-10deg)}50%{transform:translateY(-8px) rotate(30deg) skewY(-10deg)}}.error-state{gap:12px;color:#a3483c}.error-state span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#c6594a;font-weight:700}.error-state strong{font-size:13px}.mobile-only{display:none}.icon-button,.sidebar-trigger{border:0;cursor:pointer}@media(max-width:1200px){.view-tabs button{padding:0 8px}.tool-button{padding:0 10px}.tool-button svg{display:none}.clip-panel{width:268px}}@media(max-width:960px){.app-shell{padding:8px}.app-header{height:66px;padding:0 14px;border-radius:18px}.app-main{height:calc(100% - 74px);margin-top:8px}.brand-lockup>div:last-child,.title-lockup span,.online-state{display:none}.brand-mark{width:38px;height:38px}.title-lockup h1{font-size:20px}.model-sidebar{position:absolute;top:82px;bottom:8px;left:8px;width:246px;transform:translate(calc(-100% - 18px));transition:transform .25s ease}.model-sidebar.open{transform:translate(0)}.mobile-only{display:grid}.sidebar-trigger{position:absolute;z-index:6;top:17px;left:17px;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--navy);background:#ffffffe0;box-shadow:0 6px 18px #2e3c5b1a}.sidebar-trigger svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.icon-button{width:30px;height:30px;place-items:center;border-radius:8px;color:#6e788b;background:#f0f3f8}.viewer-toolbar{left:67px}.feature-actions{display:none}.view-tabs{max-width:100%;margin-left:auto;overflow-x:auto}}@media(max-width:680px){.title-lockup h1{font-size:15px}.demo-chip{padding:8px 10px;font-size:9px}.viewer-toolbar{left:60px;right:10px;top:10px}.clip-panel{top:60px;right:10px;width:235px;padding:13px}.axis-slider{grid-template-columns:25px 1fr 28px}.rotation-slider{grid-template-columns:32px 1fr 34px}.interaction-hint{display:none}.axis-gizmo{right:14px;bottom:40px}.viewer-status span:not(.status-model){display:none}}