:root{font-family:var(--jt-font-body);color:#171b1d;font-synthesis:none;--paper:#faf8f2;--ink:#171b1d;--green:#214f38;--soft:#eaf0e6;--line:#d5d6cc;--muted:#686b66;scroll-behavior:smooth;background:#faf8f2;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible{outline:2px solid var(--green);outline-offset:4px}button svg,[data-icon] svg,.text-link svg{flex-shrink:0;width:22px;height:22px;display:block}.frame{max-width:1600px;margin-inline:auto;padding-inline:clamp(24px,3.8vw,64px)}.site-header{justify-content:space-between;align-items:center;height:104px;display:flex}.brand{font:800 38px/1 var(--jt-font-heading);letter-spacing:-1.5px;align-items:center;gap:15px;text-decoration:none;display:flex}.brand svg{width:30px;height:48px}.site-header nav{align-items:center;gap:40px;font-size:16px;font-weight:500;display:flex}.site-header nav a{text-decoration:none}.site-header nav .ask{border-bottom:1px solid var(--green);color:var(--green);align-items:center;gap:5px;margin-left:28px;padding-bottom:5px;display:flex}.ask svg{width:16px;height:16px}.skip{z-index:20;background:var(--paper);padding:15px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}.studio{grid-template-columns:minmax(0,1fr) minmax(325px,30%);min-height:664px;padding-top:16px;display:grid;position:relative}.introduction{z-index:1;pointer-events:none;width:42%;position:absolute;top:24px;left:0}h1,h2,h3{font-family:var(--jt-font-heading);letter-spacing:-.035em;margin:0}h1{white-space:nowrap;font-size:clamp(60px,6vw,96px);font-weight:850;line-height:1.06}.introduction p{color:#43484b;letter-spacing:-.03em;margin-top:18px;font-size:clamp(21px,1.95vw,30px);line-height:1.4}.turntable{isolation:isolate;grid-column:1;min-height:635px;position:relative}#main-thingy{z-index:1;width:68%;height:610px;position:absolute;top:-12px;right:1%}.ground-ring{z-index:0;border:1px solid #d4d3ca;border-radius:50%;width:58%;height:67px;position:absolute;bottom:62px;left:35%}.hint{text-align:center;width:58%;color:var(--muted);margin:0;font-size:14px;position:absolute;bottom:15px;left:35%}.hint span{padding:0 7px}.controls{border-left:1px solid var(--line);grid-column:2;align-self:start;min-height:620px;padding:22px 0 22px 36px}.controls h2{white-space:nowrap;font-size:clamp(25px,2.25vw,36px);font-weight:800;line-height:1.15}.controls fieldset{border:0;margin:24px 0 0;padding:0}.controls legend{margin-bottom:10px;padding:0;font-size:16px;font-weight:600}.outfit-option{cursor:pointer;border-radius:8px;align-items:center;gap:14px;min-height:44px;padding:10px 12px;font-size:16px;display:flex;position:relative}.outfit-option:has(:checked){background:var(--soft)}.outfit-option input{appearance:none;border:1.5px solid #404a41;border-radius:50%;flex-shrink:0;width:21px;height:21px;margin:0}.outfit-option input:checked{border:2px solid var(--green);background:radial-gradient(circle, var(--green) 0 5px, transparent 6px)}.controls .expressions{margin-top:30px}#pose-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.pose-option{min-width:0;height:82px;color:var(--ink);background:0 0;border:1px solid #c9ccc2;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.pose-option svg{width:26px;height:26px}.pose-option[aria-pressed=true]{border-color:var(--green);color:var(--green);background:var(--soft)}.light-control{cursor:pointer;align-items:center;gap:10px;min-height:32px;margin-top:38px;font-size:15px;display:flex}.light-control>span:first-child{margin-right:10px;font-weight:600}.light-control input{opacity:0;width:50px;height:30px;position:absolute}.switch{background:#8b9187;border-radius:20px;flex-shrink:0;width:48px;height:28px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:4px;left:4px}.light-control input:checked+.switch{background:var(--green)}.light-control input:checked+.switch:after{transform:translate(20px)}.light-control input:focus-visible+.switch{outline:2px solid var(--green);outline-offset:4px}.playback{border-top:1px solid var(--line);gap:12px;margin-top:35px;padding-top:24px;display:flex}.button{color:var(--ink);background:0 0;border:1px solid #999e92;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:15px 18px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:#f0f0e9}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:#173f2b}.playback .button{white-space:nowrap;flex:1}.motion-note{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.5}.bring-along{border-top:1px solid #a9ada2;grid-template-columns:43% 23% minmax(0,1fr);gap:30px;margin-top:20px;padding:38px 0 54px;display:grid}.bring-intro{min-height:245px;padding-right:160px;position:relative}.bring-along h2{white-space:nowrap;font-size:clamp(32px,3.15vw,49px);font-weight:800;line-height:1.06}.bring-intro p{letter-spacing:-.025em;white-space:nowrap;color:#43484b;margin:18px 0 0;font-size:23px;line-height:1.4}.bring-intro>img{object-fit:contain;width:225px;height:260px;position:absolute;top:-15px;right:-2%}.reuse-options{padding-top:2px}.reuse-options label,.field-label,.embed-code h3{font-family:var(--jt-font-body);letter-spacing:0;margin:0 0 9px;font-size:14px;font-weight:600;display:block}.reuse-options select{width:100%;height:42px;color:var(--ink);background:0 0;border:1px solid #c3c8bc;border-radius:6px;padding:8px 12px;font-size:14px}.field-label{margin-top:18px}.pose-previews{gap:7px;display:flex}.preview-option{background:0 0;border:1px solid #d1d4c9;border-radius:6px;flex:1;min-width:0;padding:0}.preview-option[aria-pressed=true]{border:1.5px solid var(--green);background:var(--soft)}.preview-option img{width:100%;height:auto;display:block}.reuse-description,.embed-note{color:var(--muted);font-size:14px;line-height:1.6}.reuse-description{min-height:44px;margin:12px 0}.text-link{color:var(--green);align-items:center;gap:7px;font-size:14px;font-weight:500;display:inline-flex}.text-link svg{width:14px;height:14px}.embed-code{min-width:0;padding-top:2px}.embed-code pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeece3;border-radius:8px;max-height:125px;margin:0 0 10px;padding:14px 16px;font-size:12px;line-height:1.6;overflow:auto}.embed-code code{font-family:var(--jt-font-mono)}.copy-button{width:100%;min-height:48px;padding-block:13px}.download{color:var(--green);flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:500;display:flex}.download .format{font-weight:400}.download svg{width:20px;height:20px}.embed-note{margin-bottom:0}.builder-example{border-top:1px solid var(--line);grid-template-columns:30% 1fr;align-items:center;gap:50px;padding-block:45px;display:grid}.builder-example h2{font-size:32px;line-height:1.15}.builder-example p{color:#4f554f;font-size:17px;line-height:1.6}.builder-lineup{grid-template-columns:repeat(4,1fr);display:grid}figure{margin:0}figure img{width:100%;height:auto;display:block}figcaption{text-align:center;color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:25px;font-size:14px;line-height:1.6;display:flex;padding-block:24px!important}footer p{margin:0}footer span{padding:0 8px}@media (width>=1650px){.studio{min-height:720px}.turntable{min-height:680px}#main-thingy{height:660px}.controls{padding-left:40px}.controls h2{font-size:34px}.controls fieldset{margin-top:30px}.controls .expressions{margin-top:40px}}@media (width<=1180px){.studio{grid-template-columns:minmax(0,1fr) 320px}.controls{padding-left:24px}.controls h2{font-size:25px}.introduction{width:50%}h1{font-size:65px}.introduction p{font-size:22px}#main-thingy{width:80%;height:465px;top:125px;right:-3%}.ground-ring,.hint{width:77%;left:22%}.bring-along{grid-template-columns:1fr 1fr;gap:30px}.bring-intro{grid-column:1/-1;min-height:150px;padding-right:250px}.bring-intro>img{width:205px;height:205px;top:-30px;right:10%}.bring-along h2{font-size:40px}.bring-intro p{font-size:23px}.builder-example{grid-template-columns:1fr 1.5fr;gap:20px}footer{font-size:14px}}@media (width<=760px){.frame{padding-inline:22px}.site-header{height:86px}.brand{gap:10px;font-size:30px}.brand svg{width:23px;height:38px}.site-header nav{gap:18px;font-size:14px}.site-header nav>a:first-child{display:none}.site-header nav .ask{margin-left:0}.site-header nav>a:nth-child(2){display:none}.studio{flex-direction:column;min-height:0;padding-top:14px;display:flex}.introduction{width:100%;position:static}h1{white-space:normal;font-size:clamp(49px,10.5vw,72px)}.introduction p{margin-top:13px;font-size:21px;line-height:1.4}.turntable{width:100%;min-height:440px}#main-thingy{width:100%;height:425px;top:-12px;right:0}.ground-ring{width:76%;height:43px;bottom:45px;left:12%}.hint{width:100%;bottom:6px;left:0}.controls{border:0;border-top:1px solid var(--line);width:100%;min-height:0;margin-top:16px;padding:28px 0 10px}.controls h2{white-space:normal;font-size:29px}.controls .outfits{margin-top:22px}#outfit-options{grid-template-columns:1fr 1fr;gap:4px;display:grid}.outfit-option{gap:8px;min-height:48px;padding:9px 8px;font-size:14px}.outfit-option input{width:19px;height:19px}.controls .expressions{margin-top:22px}.pose-option{height:78px}.light-control{margin-top:25px;font-size:15px}.playback{margin-top:22px;padding-top:20px}.bring-along{margin-top:32px;padding-top:30px;display:block}.bring-intro{min-height:230px;padding:0 120px 0 0}.bring-along h2{white-space:normal;width:70%;font-size:36px}.bring-intro p{white-space:normal;width:70%;font-size:18px;line-height:1.5}.bring-intro>img{width:190px;height:225px;top:0;right:-25px}.reuse-options{margin-top:6px}.reuse-options label,.field-label,.embed-code h3{font-size:15px}.reuse-options select{height:46px;font-size:16px}.pose-previews{gap:10px;max-width:360px}.reuse-description{min-height:0;margin:15px 0;font-size:15px}.reuse-options .text-link{font-size:15px}.embed-code{margin-top:28px}.embed-code pre{max-height:none;font-size:13px}.download{gap:8px;font-size:15px}.embed-note{font-size:14px}.builder-example{padding-top:30px;display:block}.builder-example h2{font-size:32px}.builder-lineup{grid-template-columns:repeat(2,1fr);row-gap:22px;margin-top:20px}.builder-lineup img{max-width:220px;margin:auto}.builder-example p{font-size:17px}footer{font-size:14px;display:block}footer p+p{margin-top:12px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}