.tool-fold .fold-shell{display:grid;grid-template-columns:350px minmax(0,1fr);height:clamp(570px,calc(100vh - 230px),800px);min-height:570px;border:1px solid var(--site-line);border-radius:21px;overflow:hidden;background:#f1f0e8}.tool-fold .fold-sidebar{width:auto;min-width:0;background:var(--site-surface);color:var(--site-ink);border-right:1px solid var(--site-line);scrollbar-color:#cad5e5 transparent}.tool-fold .fold-sidebar::-webkit-scrollbar-thumb{background:#cad5e5}.tool-fold .fold-sidebar>div{padding:24px}.tool-fold .fold-sidebar :is(.text-white,.text-zinc-200,.text-zinc-300){color:#3e526e}.tool-fold .fold-sidebar :is(.text-zinc-400,.text-zinc-500,.text-zinc-600){color:#78879b}.tool-fold .fold-sidebar :is(.text-emerald-300,.text-emerald-200){color:#3167b8}.tool-fold .fold-sidebar .text-red-400{color:#b75b60}.tool-fold .fold-sidebar :is(.text-xs,[class*="text-[11px]"]){font-size:13px;line-height:1.7}.tool-fold .fold-sidebar [class*="text-[10px]"]{font-size:12px}.tool-fold .fold-sidebar [class*="text-[9px]"]{font-size:10px}.tool-fold .fold-sidebar h2.fold-sidebar-title{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.03em;color:var(--site-ink)}.tool-fold .fold-brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e7efff;color:#2563eb;box-shadow:none}.tool-fold #fold-status{margin:16px 0;font-size:13px;line-height:1.7;color:#6c809f}.tool-fold #fold-status.text-red-400{color:#b04747}.tool-fold .fold-card{background:#fbfaf6;border:1px solid #e1e5df;border-radius:15px;padding:19px}.tool-fold .fold-sidebar .fold-card h2{font-size:16px;font-weight:650;color:#344d73;text-transform:none;letter-spacing:-.02em}.tool-fold .fold-card :is(label,span.text-xs){font-size:14px}.tool-fold .fold-seg{background:#f0f4fb;border:1px solid #d7e1ef;color:#59759d;box-shadow:none}.tool-fold button{border-radius:10px;min-height:38px;transition:background .15s,border-color .15s;transform:none!important}.tool-fold button:focus-visible,.tool-fold input:focus-visible,.tool-fold a:focus-visible{outline:3px solid var(--site-blue);outline-offset:4px}.tool-fold .fold-seg:hover{background:#e7efff;border-color:#acc3e7;color:#1d4ed8}.tool-fold #fold-replace{padding:8px 11px;font-size:13px}.tool-fold .fold-range{background:#d9e2ef;height:7px;margin-block:12px;accent-color:var(--site-blue)}.tool-fold .fold-range::-webkit-slider-thumb{background:#2563eb;border:3px solid #fffefa;width:22px;height:22px;box-shadow:0 1px 5px #25304725}.tool-fold .fold-range::-moz-range-thumb{background:#2563eb;border:3px solid #fffefa;width:17px;height:17px}.tool-fold .fold-color{border:1px solid #cbd8e9;border-radius:9px;background:#fffefa;min-height:36px}.tool-fold #hinge-list{padding:6px;border:1px solid #e0e6ee;background:#edf2f9;border-radius:11px;max-height:180px}.tool-fold #hinge-list>label,.tool-fold #hinge-list>div{min-height:41px;font-size:14px;border-radius:8px}.tool-fold #hinge-list>label:hover,.tool-fold #hinge-list>div:hover{background:#e0eafe}.tool-fold #hinge-list input[type=checkbox]{accent-color:#2563eb;width:17px;height:17px}.tool-fold input[type=text],.tool-fold input[type=number]{min-height:35px;color:#4a6287;border:1px solid #d8e0eb;border-radius:8px;background:#fffefa;padding:6px 9px;font-size:13px}.tool-fold input[type=file]{color:#7a89a1;font-size:11px;min-width:0}.tool-fold input[type=file]::file-selector-button{border:1px solid #cad9ef;border-radius:7px;background:#e6eeff;color:#315fa6;padding:7px 8px;font-size:11px}.tool-fold .fold-file-button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;min-height:42px;padding:8px 5px;border:1px dashed #b5c8e7;border-radius:9px;background:#edf3ff;color:#315fa6;cursor:pointer}.tool-fold .fold-card .fold-file-button{font-size:12px}.tool-fold .fold-file-button:hover{background:#e3edff;border-color:#2563eb}.tool-fold .fold-file-button:focus-within{outline:3px solid var(--site-blue);outline-offset:3px}.tool-fold .fold-file-button .docs-icon{width:16px;height:16px;flex:none}.tool-fold .fold-file-button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tool-fold #ext-clear,.tool-fold #int-clear{min-height:30px;width:29px;height:30px;color:#b54f58}.tool-fold #export-glb,.tool-fold #anim-export,.tool-fold #fold-browse{min-height:49px;background:#2563eb;background-image:none;color:#fff;box-shadow:0 3px #17439d;border:1px solid #2563eb;border-radius:11px;font-size:15px;font-weight:650;padding:12px 17px}.tool-fold #export-glb:hover,.tool-fold #anim-export:hover,.tool-fold #fold-browse:hover{background:#1d4ed8}.tool-fold #export-glb-rig{min-height:44px;border:1px solid #cbdaf1;background:#eaf1ff;color:#3965a6;font-size:13px}.tool-fold :is(#glb-pro-badge,#glb-rig-pro-badge){background:#254b90;color:#fff;font-size:9px;padding:3px 5px;border-radius:4px}.tool-fold #fold-stage{min-width:0;min-height:0}.tool-fold #fold-stage>div:first-of-type>label,.tool-fold #fold-guides,.tool-fold #anim-toggle,.tool-fold #fold-faq-btn{background:#fffefae8;color:#567194;border:1px solid #d7e1ed;border-radius:11px;font-size:13px;box-shadow:0 3px 12px #2530470a}.tool-fold #fold-stage>div:first-of-type>label{padding:8px 11px}.tool-fold #fold-hint{max-width:90%;background:#fffefae8;color:#5b7497;border:1px solid #d9e0e9;font-size:11px;text-align:center;box-shadow:none}.tool-fold #fold-drop{max-width:420px;border:1px dashed #b4c8e8;background:#fffefae8;border-radius:21px;padding:23px 31px 29px;box-shadow:0 8px 30px #25304708;animation:none}.tool-fold #fold-drop.drag-on{background:#e8f0ff;border-color:#2563eb}.fold-drop-art{width:240px;max-width:100%;margin:0 auto 13px}.fold-drop-art>svg{width:100%;height:auto;display:block}.tool-fold #fold-drop h2{font-size:26px;font-weight:650;line-height:1.25;color:var(--site-ink);letter-spacing:-.035em}.tool-fold #fold-drop>p{font-size:15px;color:#71819a;line-height:1.75}.tool-fold #fold-drop>p strong,.tool-fold #fold-drop code{color:#465e80}.tool-fold #fold-drop code{background:#eaf0fb;border-radius:5px;padding:2px 5px;font-size:12px}.tool-fold #fold-sample{font-size:14px;color:#2563eb}.tool-fold #fold-drop a{font-size:13px;color:#637eaa}.tool-fold #fold-drop>div:last-of-type{gap:14px}.tool-fold #fold-error{color:#b24747;background:#fceeee}.fold-start-note{border:1px solid #d9e4f5;background:#eef3fd;border-radius:15px;padding:22px;margin-top:25px}.fold-start-note h3{font-size:20px;line-height:1.3;font-weight:650;letter-spacing:-.025em;color:#365982}.fold-start-note p{color:#7284a0;font-size:15px;line-height:1.8;margin-top:13px}.fold-start-note a{color:#2563eb;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:9px;margin-top:20px}.fold-start-note .docs-icon{width:17px;height:17px}.tool-fold .fold-sidebar:has(#fold-controls:not(.hidden)) .fold-start-note{display:none}.tool-fold #fold-loading>div{background:#fffefaef;border:1px solid #dde4ec;border-radius:20px;box-shadow:0 8px 30px #25304715}.tool-fold #fold-loading-text{font-size:17px;color:var(--site-ink)}.tool-fold #anim-bar{background:#fffefaf5;color:#526b91;border-color:#dce3ed;box-shadow:0 -5px 25px #25304708}.tool-fold #anim-bar :is(.text-zinc-200,.text-zinc-300,.text-zinc-400,.text-zinc-600){color:#71839d}.tool-fold #anim-bar :is(.text-emerald-300,.text-white){color:#3c67a7}.tool-fold #anim-bar>div{gap:15px;padding:17px}.tool-fold #anim-keyframes{background:#edf2fa;max-width:min(420px,47vw);border:1px solid #dde5ef}.tool-fold .anim-kf img{height:52px;width:70px;border-radius:8px}.tool-fold .anim-kf.is-selected img{border-color:#2563eb}.tool-fold .anim-kf-btn{background:#fffefaed;color:#4b6ca1;min-height:21px;width:21px;height:21px;border:1px solid #cbd9ec;border-radius:5px}.tool-fold #anim-play,.tool-fold #anim-add{background:#e5eeff;border:1px solid #aec8f1;color:#2563eb}.tool-fold #anim-bar input[type=number]{width:60px}#fold-pro-modal>div:nth-child(2){border:1px solid var(--site-line);background:#fffefa;border-radius:23px}#fold-pro-modal>div:nth-child(2)>div:first-child{background:#e7efff;color:#355a92;padding:30px}#fold-pro-modal>div:nth-child(2)>div:first-child :is(.text-white,.text-white\/90){color:#476a9c}#fold-pro-modal>div:nth-child(2)>div:first-child h2{color:var(--site-ink);font-size:28px;letter-spacing:-.035em}#fold-pro-close{background:#d4e2fb;color:#4a6c9c}#fold-pro-modal a[href="/pricing"]{background:#2563eb;color:#fff;border-radius:11px;box-shadow:0 3px #17439d}#fold-pro-modal li>svg{color:#7699c5}@media(max-width:1150px){.tool-fold .fold-shell{grid-template-columns:310px minmax(0,1fr)}.tool-fold .fold-sidebar>div{padding:20px}.tool-fold .fold-card{padding:17px}.tool-fold #export-glb{font-size:14px}.tool-fold #fold-drop{padding:22px 25px 27px}}@media(max-width:850px){.tool-fold .fold-shell{display:flex;flex-direction:column;height:auto;min-height:0}.tool-fold .fold-sidebar{order:2;border-right:0;border-top:1px solid var(--site-line);overflow:visible}.tool-fold #fold-stage{order:1;height:480px;min-height:480px;flex:none}.tool-fold .fold-shell:has(#fold-empty:not(.hidden)) #fold-stage{height:610px;min-height:610px}.tool-fold .fold-sidebar>div{padding:24px}.tool-fold #fold-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-fold #fold-controls.hidden{display:none}.tool-fold #fold-controls>section{margin:0}.tool-fold #anim-keyframes{max-width:50vw}.tool-fold .fold-start-note{margin-top:20px}}@media(max-width:700px){.tool-fold .fold-shell{border-radius:18px}.tool-fold .fold-sidebar>div{padding:21px}.tool-fold #fold-controls{grid-template-columns:1fr;gap:18px}.tool-fold #fold-stage{height:430px;min-height:430px}.tool-fold #fold-drop{padding:25px 23px}.tool-fold .fold-drop-art{width:215px}.tool-fold #fold-drop h2{font-size:25px}.tool-fold #fold-drop>p{font-size:14px}.tool-fold #fold-empty{padding:18px}.tool-fold #fold-drop>div:last-of-type{flex-direction:column;gap:12px}.tool-fold #fold-drop>div:last-of-type>span{display:none}.tool-fold #fold-hint{bottom:58px;width:90%;font-size:10px;padding:9px 13px}.tool-fold #fold-status{font-size:14px}.tool-fold #anim-keyframes{max-width:53vw}.tool-fold #anim-bar>div{gap:14px}.tool-fold #anim-bar .ml-auto{margin-left:0;width:100%}.tool-fold #anim-export{flex:1;font-size:13px}.tool-fold .fold-sidebar :is(.text-xs,[class*="text-[11px]"]){font-size:14px}.tool-fold .fold-card{padding:20px}.tool-fold #fold-controls>.fold-card>h2{font-size:18px}}@media(max-width:380px){.tool-fold #fold-empty{padding:13px}.tool-fold #fold-drop{padding:23px 17px}.tool-fold .fold-drop-art{width:185px}.tool-fold #fold-drop h2{font-size:23px}.tool-fold #fold-stage>div:first-of-type>label{padding:7px 9px}.tool-fold #fold-guides{padding:6px 10px}.tool-fold #anim-keyframes{max-width:44vw}}@media(prefers-reduced-motion:reduce){.tool-fold *{animation:none!important;transition:none!important}}