@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Manrope,sans-serif;color:#e9e9e5;background:#131516;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid #e7bc79;outline-offset:5px}button{transition:background .2s,color .2s}button:hover{color:#fff}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}header{height:96px;margin:0 3.3%;display:flex;align-items:center;border-bottom:1px solid #ffffff14;gap:28px;position:relative;z-index:5}.brand{font-size:27px;font-weight:800;letter-spacing:-1.4px;text-decoration:none;color:#eee}.brand span{font-size:12px;vertical-align:top;margin-inline-start:3px}.header-sub{font-size:13px;color:#909797;padding-inline-start:28px;border-inline-start:1px solid #ffffff20}.languages{display:flex;align-items:center;gap:12px;margin-inline-start:auto;font-size:13px;color:#747c7c}.languages button{background:none;padding:10px 4px}.languages [aria-pressed=true]{color:#e8bc7e}main{position:relative;height:calc(100svh - 152px);min-height:400px}.heading{position:absolute;top:40px;left:3.5%;z-index:2;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:600;color:#b4a187;margin:0 0 14px}.heading h1{font-weight:500;font-size:clamp(32px,3.6vw,53px);line-height:1.15;letter-spacing:-2px;margin:0 0 12px}.heading>p:last-child{font-size:14px;color:#8d9494;margin:0}#viewport{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;white-space:nowrap;color:#dbd7ca;font-size:11px;letter-spacing:.7px;pointer-events:auto;background:#171b1de6;border:1px solid #ffffff20;border-radius:4px;padding:7px 10px;box-shadow:0 3px 20px #0005}.label:before{content:"";width:5px;height:5px;border-radius:50%;background:#d3b585}.side-note{position:absolute;top:35%;right:3.4%;writing-mode:vertical-rl;display:flex;gap:26px;font-size:10px;letter-spacing:2.5px;color:#737c7c;pointer-events:none}.side-note span:first-child{color:#c3ab89}.model-caption{position:absolute;bottom:158px;left:3.5%;display:flex;gap:12px;pointer-events:none}.mini-line{height:30px;width:2px;background:#bb9365}.model-caption strong{display:block;font-size:12px;letter-spacing:1.6px;font-weight:600}.model-caption div>span{display:block;font-size:11px;color:#7c8788;margin-top:6px}.parts-wrap{position:absolute;right:3.5%;bottom:150px;z-index:6;width:242px}#parts-toggle{background:#191d20b3;border:1px solid #ffffff1c;border-radius:5px;padding:14px 16px;width:100%;display:flex;justify-content:space-between;font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#part-count{color:#bea380}#parts-list{position:absolute;bottom:54px;inset-inline-end:0;width:280px;max-height:360px;overflow:auto;padding:8px;background:#1c2024f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff20;border-radius:8px}#parts-list button{width:100%;display:flex;gap:12px;text-align:start;background:transparent;padding:10px;border-radius:4px;font-size:13px}#parts-list button:hover{background:#ffffff0b}#parts-list button span{color:#ad9575;font-size:11px}.bottom{position:absolute;bottom:24px;left:50%;transform:translate(-50%);text-align:center;z-index:4;width:max-content;max-width:95%}.gesture{font-size:10px;letter-spacing:1.4px;color:#889191;margin:0 0 22px}.toolbar{display:flex;align-items:center;gap:4px;padding:7px;background:#202426b5;border:1px solid #ffffff17;border-radius:9px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 45px #0003}.toolbar button{padding:13px 18px;background:transparent;font-size:12px;border-radius:5px;display:flex;gap:10px;align-items:center;white-space:nowrap}.toolbar button:hover{background:#ffffff09}.toolbar button.primary{background:#ddbd8e;color:#22211f;font-weight:700;min-width:178px;justify-content:center}.toolbar button.primary:hover{background:#efd1a8}.icon{font-size:20px;line-height:18px}.divider{width:1px;height:22px;background:#ffffff15;margin:0 5px}#rotate[aria-pressed=true]{color:#e4bf86}footer{margin:0 3.3%;height:56px;border-top:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#889191;letter-spacing:.35px}.footer-right{font-size:9px;letter-spacing:2px}#panel{position:absolute;inset-inline-end:4%;top:34px;width:320px;padding:29px;background:#22282bd9;border:1px solid #ffffff20;border-radius:10px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:7;box-shadow:0 16px 80px #0005;max-height:calc(100% - 170px);overflow:auto}#close{position:absolute;inset-inline-end:14px;top:9px;font-size:27px;background:transparent;color:#a7afae}#panel h2{font-size:26px;font-weight:500;margin:16px 0}#part-description{font-size:14px;line-height:1.8;color:#c1c8c7}.technical{border-top:1px solid #ffffff18;margin-top:24px;padding-top:18px}.technical>span{font-size:10px;letter-spacing:1.5px;color:#c9af8b}.technical p{font-size:12px;line-height:1.8;color:#929e9f}#next{background:transparent;color:#d6bb97;font-size:12px;padding:12px 0 0}#loading,#error{position:fixed;inset:0;z-index:20;background:#131516;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}#loading{transition:opacity .65s}#loading.done{opacity:0;pointer-events:none}#loading h1{font-size:60px;letter-spacing:-3px;margin:12px 0}#loading h1 span{font-size:16px;vertical-align:top}#loading p{font-size:13px;color:#aaa}#loading small{position:absolute;bottom:8%;font-size:11px;color:#8c9697}progress{width:180px;height:2px;margin-top:20px;appearance:none}progress::-webkit-progress-bar{background:#35393a}progress::-webkit-progress-value{background:#d4b17f}#error button{padding:15px;background:#ddbd8e;color:#222}html[lang=fa]{font-family:Vazirmatn,sans-serif}html[lang=fa] .heading{left:auto;right:3.5%}html[lang=fa] .heading h1{letter-spacing:0;font-size:43px}html[lang=fa] .eyebrow,html[lang=fa] .gesture{letter-spacing:0}html[lang=fa] .side-note{right:auto;left:3.4%}html[lang=fa] .model-caption{left:auto;right:3.5%}html[lang=fa] .parts-wrap{right:auto;left:3.5%}html[lang=fa] .brand{font-family:Manrope,sans-serif;direction:ltr}html[lang=fa] footer{direction:ltr}html[lang=fa] .heading>p:last-child{font-size:15px}html[lang=fa] #part-description{font-size:15px}@media(max-width:700px){header{height:76px;margin:0 6%;gap:15px}.brand{font-size:24px}.header-sub{display:none}main{height:calc(100svh - 126px);min-height:430px}.heading{top:25px;left:6%}.heading h1{font-size:34px}.eyebrow{font-size:9px;letter-spacing:1.5px}.heading>p:last-child{font-size:12px}.side-note{display:none}.model-caption{left:6%;bottom:162px}.model-caption div>span{font-size:10px}.parts-wrap{right:6%;bottom:113px;width:auto}#parts-toggle{padding:10px 12px;font-size:11px;gap:22px}#parts-list{max-height:45svh}.bottom{bottom:20px;width:90%}.toolbar{justify-content:center;gap:2px;padding:5px}.toolbar button{padding:12px 9px;font-size:11px;gap:5px}.toolbar button.primary{min-width:0;flex:1}.toolbar .divider{margin:0 1px}.toolbar .icon{font-size:17px}.gesture{font-size:8px;letter-spacing:.5px;margin-bottom:14px}footer{height:50px;margin:0 6%;font-size:9px}.footer-right{display:none}#panel{top:auto;bottom:105px;inset-inline-end:5%;width:90%;padding:20px;max-height:37svh}#panel h2{font-size:22px;margin:10px 0}#part-description{font-size:13px;margin:6px 0}.technical{margin-top:12px;padding-top:12px}.technical p{margin-bottom:0}html[lang=fa] .heading{right:6%}html[lang=fa] .heading h1{font-size:34px}.model-caption strong{font-size:10px}html[lang=fa] .model-caption{right:6%}html[lang=fa] .parts-wrap{left:6%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.component-hint{font-size:10px!important;color:#b49b79!important;margin-top:5px!important}.legend{position:absolute;left:3.5%;bottom:105px;z-index:3;display:flex;flex-direction:column;gap:6px;font-size:10px;color:#7f8989;pointer-events:none}.legend span:first-child{display:flex;align-items:center;gap:7px;color:#b9c0bd}.legend b{font-weight:500}.legend-dot{width:6px;height:6px;border-radius:50%;background:#d3b585;box-shadow:0 0 0 4px #d3b58518}html[lang=fa] .legend{left:auto;right:3.5%;text-align:right}@media(max-width:700px){.component-hint,.legend{display:none}}