@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Noto Sans SC,sans-serif;color:#293e3b;background:#eef4f0;font-synthesis:none;--accent:#158b7f;--muted:#70877f}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #d95081;outline-offset:5px}button:hover{filter:brightness(.94)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}.app{min-height:100svh;background:radial-gradient(ellipse at 52% 42%,#fcfffa,#edf4ee 48%,#e5eeea);display:flex;flex-direction:column;transition:background .4s}.topbar{height:100px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfdcd4;z-index:2}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;letter-spacing:2px;font-size:17px;font-weight:700}.brand-light{font-weight:400;letter-spacing:3px}.brand-mark{font-size:30px;letter-spacing:-6px;margin-right:15px;transform:skew(-12deg);color:var(--accent)}.brand-mark span{color:#df6085}.header-caption{font-size:12px;letter-spacing:2px;color:var(--muted)}.live{font-size:11px;letter-spacing:1px;display:flex;gap:9px;align-items:center}.live i{width:6px;height:6px;border-radius:50%;background:#20aa94}main{position:relative;flex:1;min-height:650px;overflow:hidden}.intro{position:absolute;top:16%;left:6%;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600}h1{font-size:clamp(34px,3.3vw,51px);font-weight:500;letter-spacing:3px;line-height:1.35;margin:25px 0 20px}h1 span{display:block;font-size:18px;letter-spacing:5px;margin-top:15px}.intro p{font-size:12px;line-height:2.1;color:var(--muted);letter-spacing:1px}.edition{display:flex;gap:14px;align-items:center;margin-top:45px}.edition>span{font-size:36px;font-weight:400;color:#9aafa5;border-right:1px solid #cad9d0;padding-right:15px}.edition div{font-size:12px;letter-spacing:2px}.edition small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:7px;color:var(--muted)}.back-type{position:absolute;top:13%;left:50%;transform:translate(-50%);font-weight:700;font-size:clamp(140px,22vw,330px);letter-spacing:-20px;line-height:1;color:#dae8df;opacity:.6;pointer-events:none}.back-type span{display:block;text-align:center;font-size:17px;letter-spacing:21px;margin-top:25px;font-weight:400}.viewer{position:absolute;inset:0 14% 0 10%;touch-action:none;z-index:1}.viewer canvas{display:block;cursor:grab}.viewer canvas:active{cursor:grabbing}.panel{position:absolute;right:5%;top:17%;width:228px;padding:23px;background:#fbfdf9d9;border:1px solid #fff;border-radius:15px;z-index:3;box-shadow:0 15px 45px #294d3710;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;margin-bottom:27px}.spark{color:var(--accent);font-size:23px}.field-label{display:block;font-size:10px;color:var(--muted);margin-bottom:11px}.poses{display:flex;background:#eaf0eb;border-radius:7px;padding:4px;margin-bottom:20px}.poses button{flex:1;padding:9px 0;background:none;font-size:11px;border-radius:5px}.poses .selected{background:#fff;box-shadow:0 2px 5px #1d413015;color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:17px 0}.switch{width:30px;height:18px;border-radius:20px;padding:3px;background:#cedcd2}.switch span{display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:var(--accent)}.switch.on span{transform:translate(12px)}.divider{height:1px;background:#e1e8e1;margin:24px 0 20px}.lights{display:flex;gap:9px}.lights button{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #e2e8df;background:transparent;border-radius:6px;padding:9px 12px;font-size:11px;flex:1}.lights button span{font-size:17px}.lights .active{border-color:#80baab;background:#eaf5ef}.export{margin-top:27px;background:#247e70;color:#fff;border-radius:7px;padding:13px 15px;width:100%;font-size:12px;text-align:left;display:flex;justify-content:space-between}.export span{font-size:17px}.export-note{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:12px}.bottom-controls{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;z-index:3;white-space:nowrap}.gesture{font-size:17px;color:#75988d;display:flex;gap:9px;align-items:center}.gesture span{font-size:10px;color:var(--muted)}b{font-weight:400;margin:0 6px;color:#a4b7ac}.bottom-controls>div{display:flex;gap:7px}.bottom-controls button{height:34px;width:34px;background:#ffffffb8;border:1px solid white;border-radius:50%;font-size:19px}.model-label{position:absolute;left:32%;bottom:19%;display:flex;gap:10px;z-index:2;font-size:11px;letter-spacing:2px;pointer-events:none}.tiny-cross{font-size:22px;color:var(--accent)}.model-label small{display:block;font-size:7px;margin-top:6px;letter-spacing:2px;color:var(--muted)}footer{margin:0 4.5%;border-top:1px solid #cfdcd4;height:65px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:10;background:#254d42;color:#fff;border-radius:8px;font-size:12px;box-shadow:0 6px 24px #0002}.toast:not(:empty){padding:12px 20px}.error{position:absolute;left:35%;top:35%;width:260px;background:#fff;padding:24px;border-radius:12px;z-index:5;font-size:13px}.error button{display:block;padding:10px;margin-top:10px}.night{background:radial-gradient(ellipse at 50% 45%,#43636d,#243c48 75%);color:#e8f3ee;--muted:#a4bdb8;--accent:#78d7c3}.night .back-type{color:#8cbcac;opacity:.12}.night .panel{background:#29444be8;border-color:#ffffff20}.night .poses{background:#203b43}.night .selected,.night .lights .active{background:#41665f}.night .lights button{border-color:#78948c}.night .bottom-controls button{background:#38575d;border-color:#627f80}.night .topbar,.night footer{border-color:#ffffff20}@media(min-width:1500px){main{min-height:760px}.panel{right:7%;top:21%}.intro{left:8%;top:20%}}@media(max-width:1000px){.header-caption{display:none}.intro{left:4%;top:10%}h1{font-size:33px}.intro p{font-size:10px}.panel{right:3%;width:200px;padding:18px}.viewer{inset:0 11% 0 4%}.model-label{left:27%}.back-type{font-size:230px}}@media(max-width:700px){.topbar{height:72px}.brand{font-size:13px;gap:6px}.brand-mark{font-size:25px}.live{font-size:9px}.app{min-height:100svh}main{min-height:950px;overflow:hidden}.intro{top:29px;left:7%}.eyebrow{font-size:8px}h1{font-size:31px;margin:15px 0}h1 span{font-size:12px;margin-top:7px;letter-spacing:3px}.intro p,.edition{display:none}.back-type{top:150px;font-size:150px;letter-spacing:-10px}.back-type span{font-size:12px;letter-spacing:11px}.viewer{inset:135px -22% auto;height:510px}.panel{top:690px;left:7%;right:7%;width:auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.panel-title{grid-column:1/-1;margin:0}.panel>.field-label,.divider,.export-note{display:none}.poses{margin:0;grid-column:1/-1}.toggle-row{margin:4px 0}.lights{grid-column:1}.export{margin:0;grid-column:2;align-self:center;padding:12px;font-size:11px}.model-label{left:8%;bottom:auto;top:567px}.bottom-controls{top:640px;bottom:auto;width:86%;justify-content:space-between;gap:10px}.gesture{gap:6px}.gesture span{font-size:9px}footer{height:70px;gap:12px;font-size:8px;letter-spacing:.5px}.error{left:15%;top:35%;width:70%}.toast{bottom:15px}.night .panel{background:#29444b}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}