:root{color-scheme:dark;--lime:#d7f68a;--muted:#94a79d;--line:#2b3932;--bg:#0a1411}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eff2e9;font-family:Inter,Arial,system-ui,sans-serif}.studio-header{height:96px;padding:0 4vw;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:#f0f5df;text-decoration:none;font-size:25px;font-weight:900;letter-spacing:-1px}.brand img{width:56px;height:56px;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:2.8px;font-weight:500;margin-top:4px;color:#a4b39a}.back{font-size:12px;color:#a9b6a9;text-decoration:none;margin-left:auto}.back:hover{color:var(--lime)}.edition{font-size:9px;letter-spacing:1.5px;border:1px solid #526344;padding:10px 14px;color:var(--lime)}main{max-width:1600px;margin:auto;padding:0 4vw}.intro{padding:37px 0 29px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--lime);margin:0 0 13px}.intro h1{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-2.8px;margin:0;font-weight:500}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.intro>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:760px}.viewer{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 40%,#20382d,#101f18 65%,#0d1914);overflow:hidden;min-height:760px}.viewer-top{position:absolute;inset:24px 26px auto;display:flex;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:1.7px;color:#9aa992;pointer-events:none}.live{display:flex;gap:8px;align-items:center;color:#d5e5c4}.live i{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px #d7f68a88}#viewport{position:absolute;inset:0;outline:none;touch-action:none}#viewport:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}#viewport canvas{display:block;width:100%;height:100%}#loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:absolute;inset:0;z-index:3;background:#101f18;color:#e1e8d8;font-size:13px}#loading small{color:var(--muted);max-width:280px;text-align:center;line-height:1.7}.spinner{border:2px solid #456047;border-top-color:var(--lime);border-radius:50%;height:25px;width:25px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-tools{position:absolute;z-index:2;right:22px;top:64px;display:flex;flex-direction:column;gap:8px;align-items:end}.viewer-tools button{font-size:10px;border:none;background:#13241bcc;color:#b1c1ae;border-radius:20px;padding:10px 14px;backdrop-filter:blur(10px)}.viewer-tools button[aria-pressed=true]{color:var(--lime);background:#2c3d24}.view-tabs{position:absolute;z-index:2;bottom:66px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:5px;border:1px solid #4d634333;border-radius:30px;background:#0a1811c9;backdrop-filter:blur(12px)}.view-tabs button{border:0;background:none;color:#98ab93;padding:9px 23px;border-radius:25px;font-size:11px}.view-tabs .active{background:#d7f68a;color:#183016}.drag-hint{z-index:2;position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:10px;color:#8d9f8d;pointer-events:none;margin:0}.drag-hint span{color:var(--lime);font-size:15px;margin-right:7px}.drag-hint b{font-weight:400;padding:0 7px}.studio-watermark{position:absolute;font-size:150px;letter-spacing:-10px;font-weight:900;opacity:.026;top:30%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0}canvas{position:relative;z-index:1}.customize{padding:24px 25px;background:#142019;max-height:920px;overflow:auto;scrollbar-width:thin;scrollbar-color:#40533e transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;margin-bottom:24px;color:#a1b293}.panel-heading button{border:0;background:none;color:#82927e;padding:0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.choices{display:flex;gap:8px}.choices button{background:transparent;border:1px solid #3c4c3c;color:#9fae99;border-radius:7px;font-family:inherit}.choices button:hover{border-color:#88a16e;color:#e2eccd}.choices .selected{background:#d7f68a16;border-color:var(--lime);color:var(--lime)}.gender button{flex:1;padding:12px 5px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px}.gender span{font-size:21px}.settings-section{padding-top:23px;border-top:1px solid #2a392b;margin-top:23px}.settings-section h2{font-size:12px;letter-spacing:.2px;font-weight:500;margin:0 0 15px;color:#d8dfce}.body-presets button{flex:1;padding:10px 5px 9px;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:7px}.body-presets svg{width:26px;height:33px;fill:currentColor}.range-label{display:flex;justify-content:space-between;font-size:10px;margin:20px 0 10px;color:#a1b09a}.range-label output{color:#d6e5c5}input[type=range]{appearance:none;height:3px;background:#3f503b;border-radius:4px;width:100%;display:block;cursor:pointer;accent-color:var(--lime)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #d7f68a10}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;background:var(--lime);border-radius:50%}.range-hints{display:flex;justify-content:space-between;font-size:8px;color:#71866f;margin-top:9px}.swatches{display:flex;gap:13px;padding:2px}.swatches button{border:none;background:var(--swatch);border-radius:50%;width:30px;height:30px;position:relative}.swatches .selected:after{content:'';position:absolute;inset:-4px;border:1px solid var(--lime);border-radius:50%}.hair-options{flex-wrap:wrap;gap:7px}.hair-options button{font-size:10px;padding:10px 12px}.hair-colors{margin-top:19px}.hair-colors button{width:25px;height:25px}.outfit-options button{flex:1;padding:10px;font-size:10px}.small-note{font-size:9px;line-height:1.6;color:#82947d;margin:12px 0 0}.save-area{margin-top:25px}.save{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--lime);color:#1a2a13;font-size:12px;font-weight:600;border:0;border-radius:7px;padding:16px}.save span{font-size:17px}.save-area p{font-size:9px;line-height:1.6;color:#8b9d82;text-align:center;min-height:25px}button{cursor:pointer;transition:background .18s,border-color .18s}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}footer{display:flex;justify-content:space-between;gap:20px;padding:21px 0 32px;color:#6e826c}footer span{font-size:8px;letter-spacing:1px}footer p{font-size:9px;margin:0;max-width:390px;line-height:1.5;text-align:right}@media(min-width:1400px){.viewer{min-height:870px}.customize{max-height:1020px;padding:30px 32px}.workspace{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:800px){.studio-header{height:77px;padding:0 20px}.brand{font-size:21px}.brand img{width:46px;height:46px}.edition{display:none}.intro{padding:28px 0 23px}.intro>p{display:none}main{padding:0 18px}.workspace{grid-template-columns:1fr}.viewer{min-height:620px}.customize{max-height:none;padding:25px;border-top:1px solid var(--line)}.studio-watermark{font-size:100px}.viewer-top{inset:20px 20px auto}.viewer-tools{right:15px;top:55px}.viewer-tools button{font-size:9px;padding:8px 11px}.drag-hint{font-size:8px;bottom:24px}.drag-hint b{padding:0 3px}footer{display:block}footer p{text-align:left;margin-top:12px}.body-presets svg{height:37px}.swatches{gap:18px}.view-tabs{bottom:58px}#viewport{max-height:100%}}@media(max-width:380px){.viewer{min-height:550px}.drag-hint{font-size:7px}.viewer-tools button{font-size:8px}}

.enter-gym{display:block;text-align:center;margin-top:10px;text-decoration:none;background:#253b2c;color:#e1f2b5;border:1px solid #607b4e;padding:13px;border-radius:9px}

#nickname-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;font-size:12px}#nickname-form label{width:100%;color:#d7f68a}#nickname{width:65%;min-width:130px;background:#0d1914;color:#eff2e9;border:1px solid #526344;border-radius:7px;padding:12px}#nickname-form button{background:#d7f68a;color:#183016;border:0;border-radius:7px;padding:12px}#nickname-error{width:100%;margin:0;color:#b8cc9f}#physique-goal{font-size:12px;line-height:1.7;color:#d7f68a}

[data-locked="true"]{border-style:dashed!important;opacity:.72}.lock-symbol{font-size:12px}#appearance-unlock{background:#15251c;color:#edf3e3;border:1px solid #789357;border-radius:16px;padding:24px;max-width:430px}#appearance-unlock::backdrop{background:#0009}#appearance-unlock p{font-size:14px;line-height:1.7;color:#b7c7ad}#appearance-unlock a{display:block;color:#d7f68a;margin-top:18px}#unlock-close{float:right;background:transparent;border:0;color:#e6efda;font-size:24px}#unlock-buy{background:#d7f68a;border:0;padding:12px;border-radius:8px;color:#14231a}#unlock-buy:disabled{opacity:.5}