:root{color:#e6e9ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#090f18;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,.xy-pad:focus-visible{outline-offset:3px;outline:2px solid #92dee2}button svg{flex:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:#0d1520;grid-template-rows:72px minmax(0,1fr) 66px;height:100dvh;min-height:620px;display:grid}.eyebrow{color:#a8bcc5;letter-spacing:.16em;font-size:9px;font-weight:800;line-height:1.3}.topbar{background:#0b131d;border-bottom:1px solid #27323d;align-items:center;min-width:0;display:flex}.brand{align-items:center;gap:12px;width:270px;min-width:270px;padding:0 24px;display:flex}.brand-mark{color:#bf9e6b;border:1px solid #765f41;border-radius:11px;place-items:center;width:36px;height:36px;font-size:30px;line-height:1;display:grid}.brand strong,.brand small{display:block}.brand strong{color:#f4f3ef;letter-spacing:-.04em;font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:800}.brand small{color:#748292;letter-spacing:.14em;margin-top:2px;font-size:9px}.header-divider{background:#293744;flex:none;width:1px;height:32px}.header-context{min-width:180px;padding:0 22px}.header-context strong{color:#e7ebee;margin-top:3px;font-family:Georgia,serif;font-size:18px;font-weight:400;display:block}.top-tabs{flex:1;justify-content:center;align-self:stretch;align-items:stretch;gap:12px;min-width:0;display:flex}.top-tabs button{color:#81909d;background:0 0;border:0;min-width:76px;font-size:11px;font-weight:700;position:relative}.top-tabs button:hover{color:#edf6f6}.top-tabs button.active{color:#f6f7f5}.top-tabs button.active:after{content:"";background:#8fcdd0;height:2px;position:absolute;bottom:-1px;left:12px;right:12px;box-shadow:0 0 13px #7bbec4}.top-actions{align-items:center;gap:6px;padding:0 19px;display:flex}.top-actions button,.bare-icon{color:#8293a0;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.top-actions button:hover,.bare-icon:hover{color:#d7eded}.workspace{grid-template-columns:270px minmax(310px,1fr) 344px;min-height:0;display:grid}.left-panel,.right-panel{background:#111b28;min-height:0}.left-panel{border-right:1px solid #2c3945}.right-panel{border-left:1px solid #2d3d4b;flex-direction:column;display:flex}.panel-scroll,.right-content{scrollbar-color:#3f5260 transparent;scrollbar-width:thin;overflow:auto}.panel-scroll{height:100%}.panel-intro{padding:30px 24px 20px}.panel-intro h2,.right-header h2,.modal h2{letter-spacing:-.035em;margin:8px 0 4px;font-family:Georgia,Times New Roman,serif;font-weight:400}.panel-intro h2{font-size:25px}.panel-intro p,.right-header p,.modal p{color:#8e9aa6;margin:0;font-size:11px;line-height:1.55}.panel-section{border-top:1px solid #2a3643;padding:20px 24px 22px}.field-label,.section-title{color:#dbe4e6;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.section-title small{color:#a6b6c1;letter-spacing:.1em;font-size:9px;font-weight:700}.frame-options{gap:7px;display:flex}.option-button{color:#9aabb5;text-align:left;background:#15222f;border:1px solid #344351;border-radius:5px;min-height:35px;padding:8px 12px;font-size:11px;font-weight:700}.option-button:hover{border-color:#678d96}.option-button.active{color:#dbf2ed;background:#1b333e;border-color:#70b5b8;box-shadow:inset 0 0 0 1px #52898c44}.frame-options .option-button{text-align:center;flex:1}.swatch-list{flex-wrap:wrap;gap:8px;display:flex}.color-swatch,.custom-color{color:#fff;border:1px solid #fff3;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;display:grid;position:relative}.color-swatch.selected{outline-offset:3px;outline:2px solid #87c7c9}.custom-color{color:#9fb2bf;cursor:pointer;background:#243341;border-style:dashed;overflow:hidden}.custom-color input{opacity:0;cursor:pointer;position:absolute;inset:-20px}.custom-color:focus-within{outline-offset:3px;outline:2px solid #92dee2}.toggle-row{color:#aab8bf;cursor:pointer;justify-content:space-between;align-items:center;margin:24px 0 20px;font-size:11px;display:flex}.toggle-row input{opacity:0;position:absolute}.toggle-track{background:#3b4d58;border-radius:15px;width:30px;height:17px;transition:background .18s;position:relative}.toggle-track:after{content:"";background:#dde6e8;border-radius:50%;width:11px;height:11px;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.toggle-track{background:#529698}.toggle-row input:checked+.toggle-track:after{transform:translate(13px)}.toggle-row input:focus-visible+.toggle-track{outline-offset:3px;outline:2px solid #92dee2}.simple-slider{margin:14px 0 0}.control-head{color:#afbfc5;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:600;display:flex}.control-head output{color:#e3edf0;font-variant-numeric:tabular-nums;font-size:10px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, #71bcc0 var(--range-progress,50%), #3b4f5b var(--range-progress,50%));border-radius:5px;height:3px}input[type=range]::-moz-range-track{background:#3b4f5b;border-radius:5px;height:3px}input[type=range]::-moz-range-progress{background:#71bcc0;border-radius:5px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#91d3d3;border:3px solid #11232e;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 1px #81c9cc}input[type=range]::-moz-range-thumb{background:#91d3d3;border:2px solid #11232e;border-radius:50%;width:9px;height:9px}.voice-options{gap:8px;display:flex}.voice-options button{color:#95a6b2;background:#162531;border:1px solid #354756;border-radius:5px;align-items:center;gap:5px;padding:8px 9px;font-size:10px;display:flex}.voice-options button.active{color:#e5fbf8;background:#1c3a45;border-color:#6bb6bb}.field-help{color:#a1b2bc;margin:10px 0 0;font-size:9px}.outfit-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.outfit-card{color:#9eacb7;background:#1b2935;border:1px solid #364857;border-radius:4px;place-items:end center;height:68px;padding:7px 2px;font-size:9px;display:grid}.outfit-card.active{color:#e7f7f5;background:#24404b;border-color:#70b7b8}.outfit-figure{clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:#e8dfd1;border-radius:9px 9px 5px 5px;width:21px;height:33px;display:block}.ceremony .outfit-figure{background:#a9a4b7}.wanderer .outfit-figure{background:#485f64}.midnight .outfit-figure{background:#252b3a;border:1px solid #8697a1}.light-options{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;display:grid}.light-options button{color:#a9b8c1;background:#172631;border:1px solid #354858;border-radius:4px;height:28px;font-size:10px}.light-options button.active{color:#e7faf8;background:#1d3a45;border-color:#74b7b8}.xy-control{margin-top:18px}.xy-title{color:#acbcc4;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}.xy-title span:last-child{color:#8ec6c8;font-variant-numeric:tabular-nums}.xy-pad{touch-action:none;cursor:crosshair;background:linear-gradient(#1a2b39,#162632);border:1px solid #344b5b;height:104px;margin:0 auto;position:relative;overflow:hidden}.xy-axes:before,.xy-axes:after{content:"";background:#52647355;position:absolute}.xy-axes:before{height:1px;top:50%;left:0;right:0}.xy-axes:after{width:1px;top:0;bottom:0;left:50%}.xy-target{background:#87cdd0;border:1px solid #d7f5f3;width:10px;height:10px;position:absolute;transform:translate(-50%,50%)rotate(45deg);box-shadow:0 0 13px #a5eded77}.xy-ranges{gap:10px;margin-top:8px;display:flex}.xy-ranges label{color:#a9bdc6;flex:1;align-items:center;gap:6px;font-size:9px;display:flex}.xy-ranges input{width:100%}.stage{background:radial-gradient(at 50% 46%,#263746 0%,#142230 45%,#0c1723 100%);min-width:0;position:relative;overflow:hidden}.stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#101d2b44,#0000 22% 78%,#101d2b44);position:absolute;inset:0}.stage-shine{pointer-events:none;border:1px solid #b4d4d00c;border-radius:50%;position:absolute;inset:12% 21% 11%}.avatar-canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.stage-topline,.stage-bottomline{z-index:2;color:#b2c6d0;letter-spacing:.12em;pointer-events:none;justify-content:space-between;font-size:9px;font-weight:800;display:flex;position:absolute;left:25px;right:25px}.stage-topline{top:23px}.stage-bottomline{bottom:23px}.live-dot{vertical-align:middle;background:#89d0be;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 9px #89d0bea8}.stage-tools{z-index:3;gap:6px;display:grid;position:absolute;top:54px;right:22px}.stage-tools button{color:#9aafba;background:#132330dc;border:1px solid #3a5260;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.stage-tools button.active{color:#e7faf6;background:#264552;border-color:#73b6b9}.stage-loading,.scene-fallback{z-index:3;color:#b9cad0;letter-spacing:.15em;text-align:center;background:#142331;place-items:center;padding:30px;font-size:11px;display:grid;position:absolute;inset:0}.scene-fallback{letter-spacing:normal;font-size:13px}.stage-loading span{display:block}.compare-badge{z-index:3;color:#fff2d8;letter-spacing:.12em;white-space:nowrap;background:#423728de;border:1px solid #ac9163;border-radius:3px;padding:9px 13px;font-size:9px;font-weight:800;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.right-header{border-bottom:1px solid #2a3b49;flex:none;padding:29px 24px 20px}.right-header h2{margin-top:7px;font-size:29px}.right-content{flex:1;min-height:0;padding:20px 24px 30px}.section-nav{flex-wrap:wrap;gap:5px;margin-bottom:27px;display:flex}.section-nav button{color:#8fa2b0;background:#172734;border:1px solid #324554;border-radius:4px;min-height:27px;padding:0 9px;font-size:9px}.section-nav button:hover{border-color:#668e98}.section-nav button.active{color:#def5f2;background:#23434c;border-color:#6baeb0}.section-heading{justify-content:space-between;align-items:center;margin:0 0 16px;display:flex}.section-heading h3{color:#e3eaeb;margin:4px 0 0;font-family:Georgia,serif;font-size:22px;font-weight:400}.control-search{margin-bottom:12px;display:block}.control-search input,.modal input{color:#e5eded;background:#152633;border:1px solid #364b59;border-radius:4px;width:100%;height:33px;padding:0 11px;font-size:11px}.control-search input::placeholder{color:#6f8594}.controls-list{gap:12px;display:grid}.control-row{border-bottom:1px solid #263947;padding:4px 0 10px}.control-head-actions{align-items:center;gap:7px;display:flex}.control-reset{width:19px;height:19px}.range-wrap{align-items:center;gap:8px;display:flex}.range-wrap input{flex:1}.range-step{color:#aec3cb;background:0 0;border:0;width:16px;height:22px;padding:0;font-size:14px}.range-step:hover{color:#e6f6f3}.empty-controls,.empty-library{color:#93a4ae;padding:9px 0;font-size:11px;line-height:1.6}.hair-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hair-options .option-button{min-height:56px}.option-button small{color:#8299a4;margin-top:4px;font-size:9px;font-weight:400;display:block}.hair-color-group{border-top:1px solid #2c3b48;margin-top:21px;margin-bottom:20px;padding-top:19px}.editor-note{color:#91aab4;background:#1b2e3a;border:1px solid #304a57;border-radius:4px;align-items:center;gap:10px;margin-top:20px;padding:13px;font-size:10px;line-height:1.5;display:flex}.editor-note svg{color:#8dc9c8}.preset-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.preset-card{text-align:left;background:#192a36;border:1px solid #334757;border-radius:5px;padding:0 0 10px;display:grid;overflow:hidden}.preset-card:hover{border-color:#82c3c6}.preset-portrait{background:radial-gradient(circle at 50% 38%,#385568,#243a4a 52%,#152633);place-items:center;height:102px;margin-bottom:9px;display:grid}.preset-1 .preset-portrait{background:radial-gradient(circle at 50% 38%,#5e5b59,#283642 52%,#152633)}.preset-2 .preset-portrait{background:radial-gradient(circle at 50% 38%,#675f58,#3a3d46 52%,#172531)}.preset-3 .preset-portrait{background:radial-gradient(circle at 50% 38%,#52566d,#263649 52%,#142532)}.preset-head{background:var(--preset-skin);width:47px;height:62px;box-shadow:0 -13px 0 0 var(--preset-hair), 0 30px 0 16px #8e8e92;border-radius:48% 48% 44% 44%;transform:translateY(13px)}.preset-name{color:#e6edef;padding:0 10px;font-size:11px;font-weight:700}.preset-card small{color:#7e9aa7;letter-spacing:.1em;margin-top:4px;padding:0 10px;font-size:8px;font-weight:700}.library-heading{border-top:1px solid #2d4050;margin-top:25px;padding-top:23px}.tiny-count{color:#96b7bd;font-size:11px}.saved-list{gap:7px;display:grid}.saved-item{background:#182937;border:1px solid #334653;border-radius:4px;justify-content:space-between;display:flex}.saved-main{text-align:left;color:#d8e4e7;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.saved-main strong,.saved-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-main strong{font-size:10px}.saved-main small{color:#879aa5;margin-top:3px;font-size:9px}.saved-main>span:nth-child(2){flex:1;min-width:0}.saved-avatar{background:radial-gradient(circle at 50% 55%, var(--saved-skin) 0 40%, var(--saved-hair) 42% 59%, #273a48 61%);border-radius:50%;flex:none;width:28px;height:28px}.saved-actions{gap:0;display:flex}.saved-actions button{color:#7f97a3;background:0 0;border:0;width:22px;padding:0}.saved-actions button:hover{color:#e8f9f7}.preset-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:19px;display:grid}.preset-actions button{color:#c7d8dd;background:#1b303e;border:1px solid #3b5261;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:9px 4px;font-size:10px;display:flex}.preset-actions button:hover{border-color:#8ac5c8}.bottom-bar{background:#0a121c;border-top:1px solid #2e3b47;justify-content:space-between;align-items:center;gap:8px;padding:0 20px 0 24px;display:flex}.footer-left,.footer-controls,.footer-right{align-items:center;gap:8px;display:flex}.footer-left{min-width:230px}.footer-label{color:#aabcc6;letter-spacing:.11em;white-space:nowrap;font-size:9px;font-weight:800}.footer-spark{color:#caad78;margin-right:5px;font-size:15px}.footer-version{color:#a5b7bf;margin-left:3px}.footer-status{color:#718e99;letter-spacing:.1em;white-space:nowrap;margin-left:11px;font-size:8px;font-weight:800}.footer-controls button{color:#9eb1bb;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-width:30px;height:30px;font-size:10px;display:flex}.footer-controls button:hover:not(:disabled),.footer-controls button.active{color:#e9f7f6;background:#233744}.footer-divider{background:#354450;width:1px;height:19px;margin:0 4px}.footer-right button{border-radius:4px;justify-content:center;align-items:center;gap:8px;height:35px;padding:0 13px;font-size:10px;font-weight:800;display:flex}.save-quick{color:#c8d8db;background:#182a37;border:1px solid #354b58}.finish-button{color:#181a1d;background:#d0a658;border:1px solid #e1bc77;min-width:118px}.finish-button:hover{background:#e3b96e}.toast,.storage-warning{z-index:15;color:#e9f8f6;text-align:center;background:#284a50;border:1px solid #75adb2;border-radius:4px;max-width:calc(100vw - 28px);padding:11px 15px;font-size:11px;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0008}.storage-warning{color:#fff0d1;background:#4c3824;border-color:#a9854f;top:82px;bottom:auto}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b13b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#142532;border:1px solid #55717d;border-radius:6px;width:min(100%,450px);padding:33px;position:relative;box-shadow:0 24px 100px #0009}.modal h2{margin-bottom:12px;font-size:30px}.modal p{margin-bottom:23px;font-size:12px}.modal label{color:#e1ebec;margin-bottom:8px;font-size:11px;display:block}.modal input{height:40px;font-size:13px}.modal-close{color:#9aafb9;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:15px;right:15px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions button,.finish-actions button{color:#d5e4e5;background:#1d3442;border:1px solid #445e69;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.modal-actions button.primary{color:#13202a;background:#d0a658;border-color:#e7c47c;font-weight:800}.finish-summary{gap:6px;margin-bottom:19px;display:flex}.finish-summary span{color:#819eab;border:1px solid #344c59;flex:1;padding:10px;font-size:9px}.finish-summary strong{color:#e5eef0;text-transform:capitalize;margin-top:6px;font-size:11px;display:block}.finish-actions{gap:7px;display:grid}.finish-actions button{justify-content:flex-start;padding:12px}.finish-actions button:hover{border-color:#86c5c6}.finish-back{color:#a4c1c7;background:0 0;border:0;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.focus-mode .workspace{grid-template-columns:0 minmax(0,1fr) 0}.focus-mode .left-panel,.focus-mode .right-panel{visibility:hidden;overflow:hidden}@media (width<=1150px){.workspace{grid-template-columns:235px minmax(300px,1fr) 285px}.brand{width:235px;min-width:235px;padding-left:18px}.header-context{min-width:145px;padding:0 14px}.top-tabs{gap:0}.top-tabs button{min-width:56px}.panel-intro,.panel-section,.right-header,.right-content{padding-left:17px;padding-right:17px}.footer-status{display:none}.footer-left{min-width:175px}}@media (width<=850px){body{overflow:auto}.app-shell{flex-direction:column;height:auto;min-height:100dvh;display:flex}.topbar{flex-wrap:wrap;min-height:61px}.brand{flex:1;width:auto;min-width:0;height:61px}.brand small,.header-divider,.header-context{display:none}.top-tabs{border-top:1px solid #263541;flex:none;order:3;justify-content:space-around;width:100%;height:49px;overflow-x:auto}.top-tabs button{min-width:62px}.workspace{flex-direction:column;display:flex}.stage{border-bottom:1px solid #314350;flex:none;order:0;height:min(72vw,540px);min-height:410px}.right-panel{border-bottom:1px solid #314350;border-left:0;order:1}.left-panel{border-right:0;order:2}.panel-scroll,.right-content{overflow:visible}.panel-intro{padding-top:25px}.panel-section{padding-top:18px;padding-bottom:18px}.right-header{padding-top:25px}.right-content{padding-bottom:38px}.bottom-bar{z-index:5;flex-wrap:wrap;justify-content:center;min-height:60px;padding:10px 12px;position:sticky;bottom:0}.footer-left{display:none}.footer-controls{flex:1;justify-content:flex-start}.footer-right{flex:none}.focus-mode .left-panel,.focus-mode .right-panel{display:none}.focus-mode .stage{height:calc(100dvh - 172px)}}@media (width<=480px){.brand{padding-left:14px}.top-actions{padding-right:12px}.stage{height:450px;min-height:0}.stage-topline,.stage-bottomline{font-size:8px;left:15px;right:15px}.stage-tools{right:13px}.footer-controls{gap:1px}.footer-controls button span{display:none}.footer-right{gap:5px}.footer-right button{padding:0 8px}.save-quick{font-size:0!important}.save-quick svg{width:16px}.finish-button{min-width:0}.finish-summary{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}