@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans Thai,sans-serif;color:#332949;background:#f8f5ff;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f8f5ff;--surface: #fff;--surface-raised: #f3edff;--stroke: #e4dbf3;--muted: #81778f;--purple: #9570d7;--purple-dark: #7150b1;--purple-pale: #eee6fc;--mono: "DM Mono", monospace;--display: "Space Grotesk", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 78% 18%,#efe8fb 0,transparent 34%),var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{max-width:1440px;margin:0 auto;padding:0 7.1%;overflow:hidden}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #604b8118}.brand{display:flex;align-items:center;gap:11px;font:700 15px var(--display);letter-spacing:.07em}.brand-accent{color:var(--purple)}.brand-mark{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;transform:rotate(-8deg)}.brand-mark span{background:var(--purple);border-radius:2px}.brand-mark span:nth-child(2){opacity:.72}.brand-mark span:nth-child(3){opacity:.48}.brand-mark span:nth-child(4){background:transparent;border:1px solid var(--purple)}.topbar-note,.github-link,.eyebrow,.section-kicker,.preview-topline,.preview-footer,.page-footer{font-family:var(--mono);letter-spacing:.06em}.topbar-note{color:#766d82;font-size:10px}.live-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 10px #9570d788;vertical-align:1px}.topbar-divider{padding:0 8px;color:#b5a9c6}.github-link{color:#766d82;font-size:9px;transition:color .2s}.github-link:hover{color:var(--purple-dark)}.github-link span{color:var(--purple);font-size:14px;margin-left:5px}.domain-link{font-size:10px;letter-spacing:0}.hero{padding:76px 0 44px}.eyebrow{color:var(--purple-dark);font-size:10px;display:flex;align-items:center;gap:10px}.eyebrow-line{width:22px;height:1px;background:var(--purple)}h1{margin:20px 0 14px;font-size:clamp(38px,5vw,60px);line-height:1.22;letter-spacing:-.045em;font-weight:700;color:#302544}h1 span{color:var(--purple)}.hero>p{color:#786f84;margin:0;font-size:15px;line-height:1.85}.hero-badges{display:flex;gap:25px;margin-top:28px;color:#645b71;font-size:12px}.check-icon{font-style:normal;display:inline-grid;place-items:center;margin-right:6px;width:17px;height:17px;border-radius:50%;color:var(--purple-dark);background:#9570d71a;font-size:11px}.studio{padding:29px 31px 24px;border:1px solid #7d64a321;border-radius:12px;background:#fffdff;box-shadow:0 18px 70px #503a7012}.studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-kicker{font-size:9px;color:#857b90}.section-kicker span{color:var(--purple);padding:0 4px}.studio-heading h2{font-size:21px;margin:7px 0 0;font-weight:600;color:#372d4b}.local-badge{color:#71677d;font-size:11px;border:1px solid #e5dcf0;border-radius:99px;padding:7px 12px;background:#fff}.local-badge span{color:var(--purple);margin-right:5px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-button{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5ddef;border-radius:7px;background:#fff;color:#574d68;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.mode-button:hover{border-color:#c5afe7}.mode-button.active{border-color:#a88bd9;background:linear-gradient(110deg,#f3edff,#fff 78%);box-shadow:inset 3px 0 var(--purple)}.mode-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:9px;color:var(--purple-dark);background:#eee7fa;font-size:19px}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:12px;font-weight:600}.mode-button small{color:#8a8097;margin-top:2px;font-size:9px}.mode-description{margin:8px 0 17px;color:#847a91;font-size:10px}.workspace{display:grid;grid-template-columns:1.06fr .94fr;gap:25px}.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#4a405a;font-size:12px}.field-hint{color:#92889d;font-size:10px}.dropzone{min-height:202px;position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed #c8bbd9;border-radius:7px;background:#faf8ff;transition:border-color .18s,background .18s;cursor:pointer;overflow:hidden}.dropzone:hover,.dropzone.dragging{border-color:var(--purple);background:#f2ecfc}.dropzone.has-file{border-style:solid;border-color:#b29ad8}#skin-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-content{display:flex;flex-direction:column;align-items:center}.upload-icon{width:41px;height:41px;display:grid;place-items:center;margin-bottom:10px;color:var(--purple-dark);border:1px solid #b89ee352;border-radius:50%;background:#eee7fa}.upload-icon svg{width:22px;height:22px}.upload-content strong{font-size:13px;font-weight:500;color:#443952}.upload-content>span{color:#857b90;font-size:11px;margin-top:2px}.upload-content em{font-style:normal;color:var(--purple-dark)}.upload-content small{font:9px var(--mono);color:#92889d;margin-top:13px;text-align:center}.file-preview{display:flex;align-items:center;width:100%;gap:16px;padding:20px}.file-preview>img{width:90px;height:90px;image-rendering:pixelated;object-fit:contain;border:1px solid #e2d9ed;background-color:#f6f2fb;background-image:linear-gradient(45deg,#705a8010 25%,transparent 25%),linear-gradient(-45deg,#705a8010 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#705a8010 75%),linear-gradient(-45deg,transparent 75%,#705a8010 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.file-meta{display:flex;min-width:0;flex-direction:column;gap:5px}.file-meta strong{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.file-meta>span{font:10px var(--mono);color:#837990}.remove-file{align-self:flex-start;margin-top:7px;padding:0;border:0;background:none;color:var(--purple-dark);font-size:11px;cursor:pointer}.remove-file span{margin-left:4px}.group-file-list{max-height:225px;overflow:auto;margin-top:9px;padding:8px;border:1px solid #e8e0ef;border-radius:6px;background:#fff}.group-list-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 7px;color:#625873;font-size:10px}.group-list-heading span{color:var(--purple-dark)}.group-file-row{display:flex;align-items:center;gap:9px;min-height:44px;padding:6px 3px;border-top:1px solid #f0ebf5}.group-file-row>img,.group-file-invalid-icon{width:31px;height:31px;flex:0 0 auto;object-fit:contain;image-rendering:pixelated;border:1px solid #e5ddef;border-radius:4px;background:#f5f0fb}.group-file-invalid-icon{display:grid;place-items:center;color:#a34859;border-color:#f0cdd4;background:#fff1f3;font-size:15px;font-weight:600}.group-file-details{display:flex;flex-direction:column;min-width:0;gap:2px}.group-file-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4c425c;font-size:10px;font-weight:500}.group-file-details small{color:#80768d;font-size:9px;line-height:1.4}.group-skin-name{width:100%;min-width:0;padding:2px 5px;border:1px solid transparent;border-radius:3px;outline:none;background:transparent;color:#4c425c;font-size:10px}.group-skin-name:hover,.group-skin-name:focus{border-color:#d9cceb;background:#faf7ff}.group-file-row.invalid .group-file-details small{color:#a34859}.error-message{color:#923a50;background:#fff0f2;border:1px solid #efcbd2;border-radius:5px;padding:9px 11px;margin-top:9px;font-size:11px;line-height:1.55}.settings-label{margin-top:24px}.text-input-wrap,.select-wrap{position:relative;display:flex;align-items:center;min-height:44px;border:1px solid #e1d8eb;border-radius:5px;background:#fff}.text-input-wrap{padding:0 12px}.text-input-wrap>span,.select-wrap>span:first-child{width:88px;flex:0 0 auto;color:#81778f;font-size:11px}.text-input-wrap input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#403650;font-size:12px}.text-input-wrap:focus-within,.select-wrap:focus-within{border-color:#a88bd9;box-shadow:0 0 0 3px #a88bd91c}.select-wrap{margin-top:8px;padding:0 12px}.select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;background:transparent;color:#403650;font-size:12px;cursor:pointer}.select-wrap select option{background:#fff}.select-chevron{color:#837990;pointer-events:none}.preview-card{border:1px solid #e4dced;border-radius:6px;background:#fff;overflow:hidden}.preview-topline,.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;color:#877d92;font-size:8px}.preview-status{color:#978da0}.preview-status.ready{color:var(--purple-dark)}.texture-stage{height:202px;display:grid;place-items:center;position:relative;background-color:#f6f2fb;background-image:linear-gradient(45deg,#795e8b0b 25%,transparent 25%),linear-gradient(-45deg,#795e8b0b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#795e8b0b 75%),linear-gradient(-45deg,transparent 75%,#795e8b0b 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.texture-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#948a9f;font-size:10px}.pixel-cube{position:relative;width:38px;height:38px;transform:rotate(-45deg) skew(10deg,10deg)}.pixel-cube i{position:absolute;width:18px;height:18px;background:#e1d6f0;border:1px solid #b19bc9}.pixel-cube i:nth-child(1){left:1px;top:1px}.pixel-cube i:nth-child(2){left:19px;top:1px;background:#d6c7ea}.pixel-cube i:nth-child(3){left:1px;top:19px;background:#c7b5df}.texture-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:pixelated}.resolution-chip{position:absolute;right:9px;bottom:9px;padding:5px 7px;border:1px solid #b9a5d8;border-radius:4px;background:#fffdf9ed;color:var(--purple-dark);font:9px var(--mono)}.preview-footer{border-top:1px solid #eee8f3;font-size:7px}.footer-spark{color:var(--purple);font-size:12px}.steps-card{padding:10px 13px;margin-top:12px;border:1px solid #e7e0ee;border-radius:6px;background:#fcfaff}.step-row{display:flex;align-items:center;gap:9px;min-height:30px;color:#685e78;font-size:10px}.step-number{font:9px var(--mono);color:#93899e}.step-check{margin-left:auto;color:#afa5b9}.step-check.done{color:var(--purple-dark)}.step-arrow{margin-left:auto;color:#8c8298}.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding-top:20px;border-top:1px solid #eee8f2}.format-note{display:flex;align-items:flex-start;gap:9px;color:#7e748b;font-size:10px;line-height:1.6}.format-icon{display:grid;place-items:center;flex:0 0 auto;width:16px;height:16px;border:1px solid #b7a9c8;border-radius:50%;font:10px var(--mono);color:#786b8a}.generate-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:218px;padding:12px 15px;border:0;border-radius:5px;background:var(--purple);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,transform .18s}.generate-button:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-1px)}.generate-button:disabled{background:#e4ddeb;color:#94899e;cursor:not-allowed}.generate-button.loading{opacity:.76;cursor:wait}.button-arrow{font:18px var(--display)}.success-message{margin-top:13px;padding:10px 12px;border:1px solid #ccbee5;border-radius:5px;color:#58427e;background:#f5f0fc;font-size:11px}.how-it-works{padding:68px 0 60px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:19px}.how-grid article{position:relative;padding:17px 17px 4px 0;border-top:1px solid #ddd3e9}.how-number{color:var(--purple-dark);font:11px var(--mono)}.how-grid h3{margin:8px 0 5px;font-size:14px;font-weight:500;color:#493d5c}.how-grid p{max-width:300px;color:#81778e;font-size:11px;line-height:1.75;margin:0}.page-footer{display:flex;justify-content:space-between;padding:18px 0 23px;border-top:1px solid #e4dced;color:#81778e;font-size:8px}.page-footer a:hover{color:var(--purple-dark)}.hidden{display:none!important}@media(min-width:1280px){.app-shell{padding-left:9%;padding-right:9%}}@media(max-width:760px){.app-shell{padding:0 5%}.topbar{height:67px}.topbar-note{display:none}.github-link{font-size:9px}.hero{padding:49px 0 32px}h1{font-size:clamp(36px,8.5vw,52px)}.hero>p{font-size:13px}.hero-badges{flex-wrap:wrap;gap:9px 16px;font-size:10px;margin-top:21px}.studio{padding:22px 17px 18px}.studio-heading{align-items:flex-start}.local-badge{font-size:9px;padding:6px 9px}.studio-heading h2{font-size:18px}.workspace{grid-template-columns:1fr;gap:24px}.dropzone,.texture-stage{min-height:190px;height:190px}.studio-footer{align-items:stretch;flex-direction:column}.generate-button{width:100%}.how-it-works{padding:53px 0 44px}.how-grid{grid-template-columns:1fr;gap:12px}.how-grid article{padding:13px 0 5px}.how-grid p{max-width:none}.home-view{min-height:calc(100vh - 120px);padding-bottom:40px}.home-hero{padding:62px 0 25px}.home-hero h1{font-size:clamp(46px,12vw,68px)}.home-mode-grid{grid-template-columns:1fr;gap:11px}.home-mode-card{min-height:136px;padding:19px}.home-notes{gap:9px 18px;font-size:10px}.wizard-progress{padding-bottom:18px;margin-bottom:18px}.wizard-steps{grid-template-columns:1fr 16px 1fr 16px 1fr;margin-top:20px}.wizard-step-indicator{gap:6px}.wizard-step-indicator>span{width:27px;height:27px;font-size:10px}.wizard-step-indicator strong{font-size:9px}.wizard-step-indicator small{display:none}.wizard-heading{align-items:flex-start;flex-direction:column;gap:5px}.wizard-heading .mode-description{max-width:none;text-align:left}.wizard-footer{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wizard-footer .format-note{grid-column:1 / -1}.wizard-back,.wizard-next,.wizard-footer .generate-button{width:100%;min-width:0}.wizard-footer .generate-button{grid-column:2}.finish-panel{min-height:0;padding:19px}}@media(max-width:420px){.github-link{display:none}.topbar{justify-content:center}.studio-heading{flex-direction:column;gap:10px}.file-preview{gap:11px;padding:13px}.file-preview>img{width:70px;height:70px}.format-note{font-size:9px}.mobile-break{display:initial}.page-footer{gap:8px;font-size:7px}.topbar-actions{gap:7px}.home-return{padding:6px 8px;font-size:9px}.home-mode-card{gap:12px;padding:15px}.home-mode-icon{width:40px;height:40px}.home-mode-copy strong{font-size:17px}.wizard-step-indicator{flex-direction:column;align-items:center;gap:4px}.wizard-step-indicator div{align-items:center}}:root{color:#eee9f6;background:#121018;--bg: #121018;--surface: #1b1822;--surface-raised: #24202d;--stroke: #383242;--muted: #aaa0b6;--purple: #ad91dc;--purple-dark: #c0a8ed;--purple-pale: #2a2335}body{color:#eee9f6;background:radial-gradient(ellipse at 75% 8%,#37294355 0,transparent 33%),#121018}.topbar{border-bottom-color:#ffffff14}.brand-icon{width:23px;height:23px;object-fit:cover;border-radius:5px;box-shadow:0 0 12px #b49ad929}.brand-accent{color:#bda5e8}.brand-mark span,.live-dot{background:#bda5e8}.brand-mark span:nth-child(4){background:transparent;border-color:#bda5e8}.topbar-note,.github-link,.hero>p,.hero-badges,.section-kicker,.local-badge,.mode-description,.field-hint,.upload-content>span,.upload-content small,.file-meta>span,.text-input-wrap>span,.select-wrap>span:first-child,.preview-topline,.preview-footer,.texture-placeholder,.step-row,.format-note,.how-grid p,.page-footer,.file-dimensions{color:#aaa1b4}h1,.studio-heading h2,.field-label,.upload-content strong,.group-file-details strong,.how-grid h3{color:#f0ebf7}.studio{border-color:#ffffff1c;background:linear-gradient(130deg,#201c29,#191620 68%);box-shadow:0 18px 70px #00000036}.local-badge,.mode-button,.preview-card,.steps-card,.group-file-list,.text-input-wrap,.select-wrap{background:#211d29;border-color:#40384b}.mode-button{color:#ddd5e8}.mode-button.active{border-color:#8870ad;background:linear-gradient(110deg,#30253f,#211d29 78%);box-shadow:inset 3px 0 #bda5e8}.mode-icon,.upload-icon{color:#ccb9ee;background:#aa8bd91b;border-color:#b49add55}.dropzone{border-color:#625770;background:#17141d}.dropzone:hover,.dropzone.dragging{border-color:#bda5e8;background:#bda5e80c}.dropzone.has-file{border-color:#9580b7}.file-preview>img,.group-file-row>img,.group-file-invalid-icon{border-color:#40384b;background-color:#1a1720}.group-file-row{border-color:#37303f}.group-skin-name{color:#eee9f6}.group-skin-name:hover,.group-skin-name:focus,.group-skin-model{border-color:#50465e;background:#191620;color:#eee9f6}.group-skin-model option,.select-wrap select option{background:#211d29;color:#eee9f6}.group-file-details small{color:#aaa1b4}.group-file-row.invalid .group-file-details small{color:#ff9ead}.group-list-heading{color:#ddd5e8}.group-list-heading button,.group-remove-file{border:0;background:transparent;color:#c4acee;cursor:pointer}.group-remove-file{font-size:17px}.skin-regions{border-color:#40384b;background:#1e1a26}.skin-regions legend,.skin-regions label{color:#ddd5e8}.skin-regions small{color:#aaa1b4}.skin-regions input{accent-color:#bda5e8}.texture-stage{background-color:#191620}.preview-status{color:#aaa1b4}.preview-status.ready,.step-check.done,.check-icon,.how-number{color:#c6b1ee}.resolution-chip{border-color:#74638d;background:#1c1824ed;color:#d4c2f1}.steps-card{border-color:#3d3547}.studio-footer{border-top-color:#40384b}.format-icon{border-color:#786a8a;color:#c0b4d1}.generate-button{background:#9d7bcf;color:#17111f}.generate-button:hover:not(:disabled){background:#b99be7}.generate-button:disabled{background:#40394a;color:#a39ab0}.success-message{border-color:#75628f;color:#d8c9ef;background:#32263f}.error-message{color:#ffbbc5;background:#3a2029;border-color:#70414e}.how-grid article,.page-footer{border-color:#383242}.page-footer a:hover,.remove-file{color:#d0b9f4}.select-wrap:focus-within,.text-input-wrap:focus-within{border-color:#ae91dc;box-shadow:0 0 0 3px #ae91dc20}.pixel-cube i{background:#443751;border-color:#8e7aa8}.pixel-cube i:nth-child(2){background:#51405f}.pixel-cube i:nth-child(3){background:#382e42}.mobile-break{display:none}.skin-canvas{width:100%;height:100%;display:block;cursor:grab}.skin-canvas:active{cursor:grabbing}.skin-regions{min-width:0;padding:10px 11px;margin:16px 0 0;border:1px solid #40384b;border-radius:5px;background:#1e1a26}.skin-regions legend{padding:0 5px;color:#e2d9ed;font-size:10px}.region-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 4px}.region-options label{display:flex;align-items:center;gap:5px;color:#d4cbde;font-size:10px}.region-options input{width:13px;height:13px;accent-color:#bda5e8}.skin-regions>small{display:block;margin-top:9px;color:#aaa1b4;font-size:9px;line-height:1.5}.group-file-list{max-height:270px}.group-list-heading{position:sticky;top:-8px;z-index:1;background:#211d29}.group-skin-model{width:100%;max-width:170px;padding:3px 5px;border:1px solid #50465e;border-radius:3px;font:9px IBM Plex Sans Thai,sans-serif}.group-file-details{flex:1}.group-file-row{align-items:flex-start}.group-file-row>img,.group-file-invalid-icon{margin-top:4px}.texture-stage{overflow:hidden}.skin-canvas{object-fit:contain}.preview-key{position:absolute;left:9px;bottom:9px;max-width:calc(100% - 116px);padding:5px 7px;border:1px solid #665774;border-radius:4px;background:#17131fe8;color:#c7bbd5;font-size:8px;line-height:1.4}.preview-key strong{color:#e3d3ff;font-weight:600}.page-footer{gap:12px}.hero{padding-top:48px;padding-bottom:29px}.hero>p{font-size:14px}.studio{padding:25px 27px 22px}.mode-button{min-height:62px}.mode-button strong{font-size:13px}.mode-button small{font-size:10px}.mode-description{margin:9px 0 15px;font-size:11px}.field-label{font-size:13px}.dropzone{min-height:210px}.upload-content strong{font-size:15px}.upload-content>span{font-size:12px}.upload-content small{font-size:10px}.text-input-wrap,.select-wrap{min-height:47px}.text-input-wrap input,.select-wrap select{font-size:13px}.region-options label{font-size:12px}.skin-regions>small,.compatibility-note{font-size:10px}.texture-stage{height:270px}.preview-key{font-size:9px}.generate-button{min-width:238px;padding:14px 17px;font-size:13px}.format-note{font-size:11px}.group-skin-name{font-size:12px}.group-skin-model{font-size:10px}.preview-footer{font-size:8px}.preview-topline{font-size:9px}.texture-placeholder{font-size:11px}.group-file-details small{font-size:10px}.group-file-details strong,.error-message,.success-message{font-size:12px}.item-icon-field{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-top:8px;border:1px solid #40384b;border-radius:5px;background:#1e1a26}.item-icon-preview{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid #51465f;border-radius:5px;background:#17141e}.item-icon-preview img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}.item-icon-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.item-icon-copy>strong{color:#e7dfef;font-size:12px}.item-icon-copy>strong span{color:#aaa1b4;font-size:10px;font-weight:400}.item-icon-copy>small{color:#aaa1b4;font-size:10px;line-height:1.45}.item-icon-actions{display:flex;align-items:center;gap:10px;margin-top:2px}.item-icon-button,.item-icon-reset{padding:5px 8px;border:1px solid #574869;border-radius:4px;background:#2a2234;color:#e5d8f7;font:11px IBM Plex Sans Thai,sans-serif;cursor:pointer}.item-icon-button:hover,.item-icon-reset:not(:disabled):hover{border-color:#ae91dc;background:#342841}.item-icon-reset:disabled{color:#81798b;cursor:default}.item-icon-status.invalid{color:#ffb8c3}.item-icon-button:focus-visible,.item-icon-reset:focus-visible{outline:2px solid #c3a8ed;outline-offset:2px}.topbar-actions{display:flex;align-items:center;gap:18px}.home-return{padding:7px 11px;border:1px solid #4a4056;border-radius:6px;background:#211d29;color:#d8cce8;font-size:11px;cursor:pointer}.home-return:hover{border-color:#9d83c4;color:#f1e8ff}.nav-create{padding:7px 13px;border:1px solid #69577f;border-radius:6px;background:#282132;color:#e2d6f5;font-size:11px;cursor:pointer}.nav-create:hover{border-color:#bda5e8;color:#fff}.home-view{min-height:calc(100vh - 145px);padding-bottom:65px}.home-hero{padding:91px 0 30px}.home-hero h1{font-size:clamp(48px,7.1vw,82px);line-height:1.12}.home-hero>p{font-size:16px}.home-mode-grid{display:grid;max-width:1120px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.home-mode-card{display:flex;min-height:168px;align-items:flex-start;gap:17px;padding:23px 22px;border:1px solid #ffffff1c;border-radius:12px;background:linear-gradient(140deg,#211d29,#191620 78%);color:#eee9f6;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.home-mode-card:hover,.home-mode-card:focus-visible{transform:translateY(-3px);border-color:#937bb3;box-shadow:0 15px 35px #0003;outline:none}.server-mode-card{background:linear-gradient(140deg,#2b2138,#191620 78%)}.transparent-mode-card{background:linear-gradient(140deg,#202834,#191620 78%)}.home-mode-icon{display:grid;width:47px;height:47px;flex:0 0 auto;place-items:center;border:1px solid #b49add44;border-radius:12px;background:#ad91dc19;color:#d3baff;font-size:25px}.home-mode-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:7px}.home-mode-copy small{color:#b5a8c4;font-size:11px;letter-spacing:.04em}.home-mode-copy strong{color:#f6efff;font-size:20px}.home-mode-copy>span{max-width:290px;color:#aaa1b4;font-size:12px;line-height:1.65}.home-mode-arrow{align-self:center;color:#c6a8ed;font:24px var(--display)}.home-notes{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px;color:#aaa1b4;font-size:11px}.home-notes i{margin-right:6px;color:#c8b0ee;font-style:normal}.wizard-progress{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid #40384b}.wizard-progress-heading{display:flex;align-items:flex-start;justify-content:space-between}.wizard-title{margin:6px 0 0;color:#f3edf9;font-size:clamp(25px,3vw,34px);line-height:1.22;letter-spacing:-.035em}.wizard-steps{display:grid;max-width:720px;grid-template-columns:1fr 48px 1fr 48px 1fr;align-items:center;padding:0;margin:24px auto 0;list-style:none}.wizard-step-indicator{display:flex;min-width:0;align-items:center;gap:10px;color:#867b92}.wizard-step-indicator>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid #51475d;border-radius:50%;color:#aaa1b4;font:12px var(--mono)}.wizard-step-indicator.active>span{border-color:#c4a5f0;background:#b394df;color:#17111f;box-shadow:0 0 0 4px #b394df20}.wizard-step-indicator.complete>span{border-color:#8e75b1;background:#352a43;color:#dbc7fa}.wizard-step-indicator.active strong,.wizard-step-indicator.complete strong{color:#eee5fa}.wizard-step-indicator div{display:flex;min-width:0;flex-direction:column}.wizard-step-indicator strong{overflow:hidden;color:#c2b7d0;font-size:11px;font-weight:600;white-space:nowrap}.wizard-step-indicator small{margin-top:2px;color:#867b92;font-size:9px;white-space:nowrap}.wizard-connector{height:1px;background:#51465f}.wizard-connector:has(+.wizard-step-indicator.complete){background:#9d83c4}.wizard-heading{align-items:flex-end;margin-bottom:17px}.wizard-heading h2{margin-top:4px;font-size:19px}.wizard-heading .mode-description{max-width:56%;margin:0;text-align:right}.wizard-panel{display:none}.wizard-panel.active{display:block}.wizard-footer{justify-content:flex-end}.wizard-footer .format-note{flex:1}.wizard-back,.wizard-next{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:13px;padding:0 17px;border:1px solid #4f455d;border-radius:6px;background:#211d29;color:#ddd3e9;font-size:12px;font-weight:600;cursor:pointer}.wizard-back:hover:not(:disabled){border-color:#9981ba}.wizard-next{min-width:150px;border-color:#9d7bcf;background:#9d7bcf;color:#17111f}.wizard-next:hover:not(:disabled){border-color:#b99be7;background:#b99be7}.wizard-next:disabled,.wizard-back:disabled{border-color:#40394a;background:#28232e;color:#777080;cursor:not-allowed}.wizard-next span{font:18px var(--display)}.step-helper{padding:12px 14px;margin-top:11px;border:1px solid #40384b;border-radius:6px;background:#1e1a26;color:#aaa1b4;font-size:11px}.group-upload-status{padding:10px 12px;margin-top:10px;border:1px solid #514564;border-radius:6px;background:#282132;color:#d8c9ed;font-size:11px}.group-file-list{margin-top:0;margin-bottom:14px}.skin-regions{margin-top:0}.finish-panel{min-height:350px;padding:25px;border:1px solid #40384b;border-radius:8px;background:#1e1a26}.finish-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid #8e75b1;border-radius:50%;background:#b394df20;color:#d8c5f5;font-size:24px}.finish-panel h3{margin:17px 0 5px;color:#f1eafa;font-size:20px}.finish-panel>p{margin:0;color:#aaa1b4;font-size:12px;line-height:1.6}.finish-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.finish-summary>span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:11px;border:1px solid #40384b;border-radius:5px;background:#191620}.finish-summary strong{overflow:hidden;color:#e5d9f2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.finish-summary small{color:#9990a4;font-size:10px}.finish-panel .compatibility-note{margin-top:17px}.wizard-footer .generate-button{min-height:46px}@media(max-width:760px){.region-options{grid-template-columns:repeat(2,minmax(0,1fr))}.studio{padding:20px 15px 17px}.home-mode-grid{grid-template-columns:1fr}.home-mode-card{min-height:136px}.wizard-footer{display:grid;grid-template-columns:1fr 1fr}.wizard-footer .format-note{grid-column:1 / -1}.wizard-back,.wizard-next,.wizard-footer .generate-button{width:100%;min-width:0}.wizard-footer .generate-button{grid-column:2}.texture-stage{height:240px}@media(max-width:420px){.home-mode-card{gap:12px;padding:15px}.home-mode-icon{width:40px;height:40px}.home-mode-copy strong{font-size:17px}.wizard-step-indicator{flex-direction:column;align-items:center;gap:4px}.wizard-step-indicator div{align-items:center}}.generate-button{min-width:0}.item-icon-field{align-items:flex-start}.item-icon-preview{width:48px;height:48px}}