@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Kanit:wght@300;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-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 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 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 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}}:root{color:#29213d;background:#f7f5fc;--bg:#f7f5fc;--surface:#fff;--surface-raised:#f3effc;--stroke:#e5def2;--muted:#777087;--purple:#8b5cf6;--purple-dark:#6d3ed0;--purple-pale:#f0eaff;--display:"Space Grotesk","IBM Plex Sans Thai",sans-serif}body{background:radial-gradient(ellipse at 88% 4%,rgba(173,145,255,.18),transparent 32%),radial-gradient(ellipse at 2% 35%,rgba(196,181,253,.15),transparent 28%),#f7f5fc;color:#29213d}.topbar{height:76px;border-bottom-color:#e7e0f1}.brand{gap:12px;letter-spacing:.045em}.brand-mark{width:27px;height:27px;gap:3px}.hero{padding:clamp(46px,7vw,88px) 0 42px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em}h1{max-width:850px;font-size:clamp(42px,6vw,72px);line-height:1.12;letter-spacing:-.055em}h1 span{background:linear-gradient(110deg,#8b5cf6,#c084fc 65%,#6d3ed0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{max-width:680px;font-size:15px;line-height:1.95}.hero-badges{flex-wrap:wrap;gap:12px 24px}.studio{padding:clamp(18px,3vw,34px);border:1px solid rgba(139,92,246,.16);border-radius:22px;background:#ffffffe6;box-shadow:0 24px 80px #31205814,0 2px 8px #31205808;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-picker{gap:13px}.mode-button{min-height:88px;padding:17px;gap:14px;border-radius:14px;border-color:#e9e2f4;transition:transform .2s,border-color .2s,box-shadow .2s}.mode-button:hover{transform:translateY(-2px);border-color:#c4b5fd;box-shadow:0 10px 24px #5b35a014}.mode-button.active{border-color:#a78bfa;background:linear-gradient(125deg,#f4efff,#fff 82%);box-shadow:inset 3px 0 #8b5cf6,0 8px 24px #5b35a00f}.mode-icon{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#eee7ff,#f8f4ff);color:#7044ce}.mode-button strong{font-size:13px}.mode-button small{font-size:10px;line-height:1.6}.studio-heading{gap:16px}.studio-heading h2{font-size:23px;letter-spacing:-.025em}.local-badge{border-color:#e8e0f4;border-radius:999px;background:#faf8ff;padding:8px 12px}.workspace{gap:clamp(16px,2.4vw,30px)}.dropzone{min-height:225px;border-radius:15px;border-color:#cfc2e5;background:linear-gradient(145deg,#fbf9ff,#f8f5ff)}.dropzone:hover,.dropzone.dragging{border-color:#8b5cf6;background:#f2ecff}.upload-icon{width:48px;height:48px;border-radius:16px;background:#eee7ff}.upload-content strong{font-size:14px}.upload-content>span{font-size:12px}.step-helper{line-height:1.8}.preview-card{border:1px solid #e9e1f4;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 12px 36px #2b194d0d}.preview-topline{min-height:49px;padding:0 17px;background:#fff;border-bottom:1px solid #f0ebf7}.texture-stage{background:radial-gradient(ellipse at 50% 40%,#302746,#211a30 54%,#171322)}.preview-footer{padding:13px 17px;background:#fff}.field-label{font-weight:600}input[type=text],.text-input-wrap input,.select-wrap select,.group-skin-name,.group-skin-model{border-radius:10px;border-color:#e1d8ef}input:focus,select:focus{outline:3px solid rgba(139,92,246,.16);border-color:#a78bfa}.skin-regions{border:1px solid #e9e1f4;border-radius:14px;padding:16px;background:#fdfcff}.region-options label{border-radius:9px}.item-icon-field{border:1px solid #e9e1f4;border-radius:14px;padding:15px;background:linear-gradient(145deg,#fff,#fbf9ff)}.item-icon-preview{border-radius:14px;border:1px solid #e7def5;background:#f5f0ff}.item-icon-button,.item-icon-reset{border-radius:10px;padding:9px 13px}button,.item-icon-button{transition:transform .18s,box-shadow .18s,background .18s}button:active,.item-icon-button:active{transform:translateY(1px)}.generate-button,.wizard-next{border-radius:12px;background:linear-gradient(120deg,#8b5cf6,#7040d3);box-shadow:0 8px 20px #6d3ed038}.generate-button:hover,.wizard-next:hover:not(:disabled){box-shadow:0 12px 26px #6d3ed047;transform:translateY(-1px)}.wizard-back{border-radius:12px}.wizard-step-indicator{border-radius:12px}.page-footer{gap:12px;flex-wrap:wrap;padding:25px 0 32px;color:#80758f}@media(max-width:900px){.app-shell{padding-inline:22px}.workspace{grid-template-columns:1fr}.info-column{order:-1}.texture-stage{min-height:250px}}@media(max-width:600px){.app-shell{padding-inline:15px}.topbar{height:66px}.topbar-note{display:none}.hero{padding:42px 0 28px}h1{font-size:clamp(38px,10vw,52px)}.hero>p{font-size:13px}.hero-badges{gap:10px 14px;font-size:11px}.studio{padding:16px 13px;border-radius:17px}.mode-picker{grid-template-columns:1fr}.mode-button{min-height:74px}.studio-heading{align-items:flex-start;flex-direction:column}.local-badge{align-self:flex-start}.wizard-steps{gap:5px}.wizard-step-indicator{gap:6px}.wizard-step-indicator small{display:none}.wizard-footer{gap:8px;flex-wrap:wrap}.format-note{flex-basis:100%}.wizard-back,.wizard-next,.generate-button{min-height:44px}.page-footer{font-size:9px}}:root{--bg: #f8f6fd;--surface: #ffffff;--surface-raised: #f2edfb;--stroke: #e7e0f1;--muted: #7d748b;--purple: #9570d7;--purple-dark: #7150b1;--purple-pale: #eee6fc}html{scroll-behavior:smooth}body{color:#332949;background:radial-gradient(ellipse at 82% 5%,rgba(194,168,240,.24),transparent 32%),radial-gradient(ellipse at 3% 48%,rgba(221,209,246,.24),transparent 30%),var(--bg)}.app-shell{max-width:1500px;padding-inline:clamp(18px,5.8vw,88px);overflow:clip}.topbar{position:relative;height:78px;gap:18px;border-bottom:1px solid rgba(113,80,177,.13)}.brand{gap:12px;font-size:15px;letter-spacing:.055em}.brand-icon{width:30px;height:30px;object-fit:contain}.brand-accent{color:var(--purple)}.topbar-note{color:#82778f;font-size:9px}.live-dot{background:#8dcb9c;box-shadow:0 0 0 4px #8dcb9c20}.topbar-actions{gap:10px}.nav-create{padding:9px 17px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-size:11px;font-weight:600;box-shadow:0 5px 14px #9570d72e}.nav-create:hover{background:var(--purple-dark);color:#fff}.domain-link{padding:8px 0;font-size:9px}.home-view{min-height:calc(100vh - 145px);padding-bottom:74px}.home-hero{position:relative;padding:clamp(62px,8vw,105px) 0 37px}.home-hero:after{content:"FS";position:absolute;z-index:-1;right:4%;top:48px;color:#9570d70e;font:700 clamp(130px,22vw,290px)/1 "Space Grotesk",sans-serif;letter-spacing:-.12em;pointer-events:none}.eyebrow{color:var(--purple-dark);font-size:9px;letter-spacing:.12em}.eyebrow-line{width:30px;background:var(--purple)}.home-hero h1{margin:23px 0 18px;font-size:clamp(52px,7.4vw,88px);line-height:1.08;letter-spacing:-.065em;color:#302544}.home-hero h1 span{background:linear-gradient(100deg,#9570d7,#b58be9 56%,#7956bd);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero>p{color:#797087;font-size:15px;line-height:1.95}.home-mode-grid{display:grid;max-width:1180px;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:29px}.home-mode-card{position:relative;display:flex;min-width:0;min-height:216px;flex-direction:column;align-items:flex-start;gap:21px;padding:24px;border:1px solid #e6def1;border-radius:17px;background:linear-gradient(155deg,#fff,#fff 55%,#faf7ff);color:#332949;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 5px 18px #38235806;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.home-mode-card:after{content:"";position:absolute;width:120px;height:120px;right:-45px;bottom:-55px;border:1px solid #9570d718;border-radius:50%;box-shadow:0 0 0 16px #9570d709,0 0 0 32px #9570d706;pointer-events:none}.home-mode-card:hover,.home-mode-card:focus-visible{transform:translateY(-5px);border-color:#bda5e0;box-shadow:0 18px 38px #4e32771a;outline:none}.server-mode-card{background:linear-gradient(150deg,#f5efff,#fff 72%)}.transparent-mode-card{background:linear-gradient(150deg,#f3f1ff,#fff 72%)}.home-mode-icon{display:grid;width:49px;height:49px;flex:0 0 auto;place-items:center;border:1px solid #e6dcf8;border-radius:15px;background:linear-gradient(145deg,#f1eaff,#faf7ff);color:#7956bd;font-size:24px}.home-mode-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:7px}.home-mode-copy small{color:#8c7e9f;font-size:10px;letter-spacing:.035em}.home-mode-copy strong{color:#332949;font-size:20px;font-weight:700;letter-spacing:-.025em}.home-mode-copy>span{max-width:290px;color:#81778f;font-size:12px;line-height:1.8}.home-mode-arrow{position:absolute;right:23px;top:27px;display:grid;width:31px;height:31px;place-items:center;border:1px solid #e9e1f4;border-radius:50%;color:#8662c2;font:18px var(--display);transition:transform .2s,background .2s}.home-mode-card:hover .home-mode-arrow{transform:translate(2px);background:#f0e8fc}.home-notes{gap:11px 25px;margin-top:28px;color:#80768e;font-size:10px}.home-notes i{display:inline-grid;width:17px;height:17px;place-items:center;margin-right:6px;border-radius:50%;background:#e9f5eb;color:#4c9360;font-size:10px}.studio{padding:clamp(18px,3vw,34px);border:1px solid #e7dff2;border-radius:19px;background:#ffffffed;box-shadow:0 18px 65px #35235312}.wizard-progress{border-bottom-color:#eee7f6}.wizard-title{color:#332949}.wizard-step-indicator>span{border-color:#e1d7ef;background:#faf8fe;color:#8a7c9b}.wizard-step-indicator.active>span{border-color:#9570d7;background:#9570d7;color:#fff;box-shadow:0 0 0 4px #9570d71a}.wizard-step-indicator.complete>span{border-color:#b9a1df;background:#eee6fc;color:#7150b1}.wizard-step-indicator.active strong,.wizard-step-indicator.complete strong{color:#4c386a}.wizard-step-indicator strong{color:#766b84}.wizard-connector{background:#e5dcef}.wizard-connector:has(+.wizard-step-indicator.complete){background:#b49ad9}.local-badge{border-color:#e6def1;background:#faf8fe;color:#786d88}.studio-heading h2{color:#352849}.workspace{gap:clamp(18px,2.5vw,30px)}.dropzone{border-color:#d2c4e5;border-radius:13px;background:linear-gradient(145deg,#fcfaff,#f8f4ff)}.dropzone:hover,.dropzone.dragging{border-color:#9570d7;background:#f3edfc}.dropzone.has-file{border-color:#a88bcf}.upload-icon{border-color:#e4d8f7;border-radius:14px;background:#f0e8fc;color:#7956bd}.step-helper{border-color:#ece5f5;border-radius:10px;background:#faf8fe;color:#81778f}.group-upload-status{border-color:#e2d5f2;border-radius:10px;background:#f5effd;color:#654b8b}.skin-regions{border-color:#e8e0f2;border-radius:12px;background:#fdfbff}.skin-regions legend,.skin-regions label{color:#594b6d}.skin-regions small{color:#8a8097}.skin-regions input{accent-color:#9570d7}.text-input-wrap,.select-wrap{border-color:#e4dbee;border-radius:10px;background:#fff}.text-input-wrap input,.select-wrap select{color:#382b4d;background:transparent}.text-input-wrap:focus-within,.select-wrap:focus-within{border-color:#a88bcf;box-shadow:0 0 0 3px #9570d71b}.item-icon-field{border-color:#e7def2;border-radius:12px;background:linear-gradient(145deg,#fff,#fbf8ff)}.item-icon-preview{border-color:#e6dcf3;border-radius:12px;background:#f2edfb}.item-icon-copy>strong{color:#4a3b60}.item-icon-copy>strong span,.item-icon-copy>small,.item-icon-status{color:#8b8097}.item-icon-button,.item-icon-reset{border-color:#e0d4ef;border-radius:8px;background:#f6f0ff;color:#6d4aa6}.item-icon-button:hover,.item-icon-reset:not(:disabled):hover{border-color:#bba2df;background:#eee5fc}.item-icon-reset:disabled{color:#aaa0b5}.preview-card{border-color:#e6def1;border-radius:15px;box-shadow:0 12px 32px #2a1b4412}.preview-topline{min-height:46px;background:#fff;border-bottom-color:#f0eaf6;color:#81738f}.preview-status.ready{color:#4b9563}.texture-stage{background:radial-gradient(ellipse at 50% 35%,#393047,#282131 54%,#1c1724)}.preview-footer{background:#fff;color:#8a8097}.resolution-chip{border-color:#8e7ba5;background:#282131ed;color:#e4d7f5}.preview-key{border-color:#665774;border-radius:7px}.format-icon{border-color:#d9cce9;background:#f2ebfb;color:#7956bd}.wizard-back,.wizard-next{min-height:45px;border-radius:10px}.wizard-back{border-color:#e4dbee;background:#fff;color:#6d607d}.wizard-back:hover:not(:disabled){border-color:#bba4dc;background:#faf7ff}.wizard-next{border-color:#9570d7;background:#9570d7;color:#fff;box-shadow:0 6px 16px #9570d72a}.wizard-next:hover:not(:disabled){border-color:#7956bd;background:#7956bd}.wizard-next:disabled,.wizard-back:disabled{border-color:#ece6f3;background:#f5f2f8;color:#b4aabd}.generate-button{border-radius:10px;background:linear-gradient(110deg,#9570d7,#7956bd);color:#fff;box-shadow:0 7px 19px #9570d733}.generate-button:hover:not(:disabled){background:#7956bd}.generate-button:disabled{background:#e6ddef;color:#9d91ac}.finish-panel{border-color:#e8e0f2;border-radius:14px;background:#fcfaff}.finish-mark{border-color:#d7c5ee;background:#f0e8fc;color:#7956bd}.finish-panel h3{color:#3b2d50}.finish-panel>p{color:#81778f}.finish-summary>span{border-color:#e9e1f2;border-radius:9px;background:#fff}.finish-summary strong{color:#4b3b60}.finish-summary small{color:#8c8198}.compatibility-note{border-color:#e9e1f2;border-radius:9px;background:#faf7fe;color:#82778f}.studio-footer{border-top-color:#eae2f3}.success-message{border-color:#cfe5d3;background:#f0f8f1;color:#477b53}.error-message{border-color:#f0cbd3;background:#fff3f5;color:#a64f62}.page-footer{border-color:#e7e0f1;color:#8a8097}.page-footer a:hover{color:#7150b1}@media(max-width:1000px){.app-shell{padding-inline:28px}.home-mode-grid{gap:12px}.home-mode-card{padding:20px}.home-mode-copy strong{font-size:18px}.home-mode-copy>span{font-size:11px}}@media(max-width:760px){.app-shell{padding-inline:20px}.topbar{height:70px}.topbar-note{display:none}.home-hero{padding:60px 0 27px}.home-hero h1{font-size:clamp(47px,10vw,68px)}.home-hero:after{right:0;top:52px;font-size:170px}.home-mode-grid{grid-template-columns:1fr;gap:12px}.home-mode-card{min-height:0;flex-direction:row;align-items:center;gap:15px;padding:18px}.home-mode-copy{gap:5px}.home-mode-copy strong{font-size:18px}.home-mode-arrow{position:static;flex:0 0 auto}.home-notes{gap:10px 16px;line-height:1.7}.workspace{grid-template-columns:1fr}.info-column{order:-1}.texture-stage{height:290px}.wizard-heading{align-items:flex-start;flex-direction:column;gap:7px}.wizard-heading .mode-description{max-width:100%;text-align:left}.wizard-steps{grid-template-columns:1fr 18px 1fr 18px 1fr;gap:4px}.wizard-step-indicator{gap:6px}.wizard-step-indicator strong{font-size:10px}.wizard-step-indicator small{display:none}.wizard-footer{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wizard-footer .format-note{grid-column:1 / -1}.wizard-back,.wizard-next{width:100%;min-width:0}.wizard-footer .generate-button{grid-column:2;width:100%;min-width:0}}@media(max-width:480px){.app-shell{padding-inline:14px}.brand{font-size:13px}.brand-icon{width:27px;height:27px}.domain-link{display:none}.home-hero{padding-top:49px}.home-hero h1{font-size:clamp(43px,12vw,56px)}.home-hero>p{font-size:13px}.home-mode-card{gap:12px;padding:15px;border-radius:14px}.home-mode-icon{width:42px;height:42px;border-radius:12px}.home-mode-copy strong{font-size:16px}.home-mode-copy>span{font-size:11px}.studio{padding:17px 13px;border-radius:14px}.wizard-progress-heading{gap:10px;flex-direction:column}.wizard-title{font-size:27px}.wizard-step-indicator{flex-direction:column;align-items:center;gap:5px}.wizard-step-indicator div{align-items:center}.wizard-step-indicator>span{width:29px;height:29px}.wizard-step-indicator strong{font-size:9px}.texture-stage{height:240px}.item-icon-field{align-items:flex-start;gap:10px;padding:10px}.item-icon-preview{width:46px;height:46px}.item-icon-actions{flex-wrap:wrap;gap:6px}.finish-panel{padding:18px}.finish-summary{grid-template-columns:1fr}.page-footer{align-items:flex-start;flex-direction:column;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes fs-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fs-soft-in{0%{opacity:0}to{opacity:1}}@keyframes fs-glow-drift{0%,to{transform:translateZ(0) scale(1);opacity:.65}50%{transform:translate3d(-10px,8px,0) scale(1.035);opacity:1}}@keyframes fs-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.topbar{animation:fs-soft-in .55s ease-out both}.home-hero{animation:fs-rise-in .7s cubic-bezier(.2,.75,.25,1) both}.home-hero:after{animation:fs-glow-drift 10s ease-in-out infinite}.home-mode-card{animation:fs-rise-in .65s cubic-bezier(.2,.75,.25,1) both}.home-mode-card:nth-child(1){animation-delay:.1s}.home-mode-card:nth-child(2){animation-delay:.19s}.home-mode-card:nth-child(3){animation-delay:.28s}.home-mode-icon{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.home-mode-card:hover .home-mode-icon{transform:translateY(-2px) rotate(-4deg);box-shadow:0 7px 18px #9570d720}.home-notes{animation:fs-soft-in .8s ease-out .32s both}.studio{animation:fs-rise-in .38s ease-out both}.dropzone,.preview-card,.item-icon-field{transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.dropzone:focus-within{box-shadow:0 0 0 4px #9570d71a}.wizard-step-indicator>span{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.wizard-step-indicator.active>span{animation:fs-soft-in .3s ease-out both}.generate-button:not(:disabled):hover .button-arrow,.wizard-next:not(:disabled):hover span{display:inline-block;transform:translate(3px)}.button-arrow,.wizard-next span{transition:transform .2s ease}@media(prefers-reduced-motion:reduce){.topbar,.home-hero,.home-hero:after,.home-mode-card,.home-notes,.studio,.wizard-step-indicator.active>span{animation:none!important}}:root{font-family:Kanit,sans-serif;color:#f3effb;color-scheme:dark;--bg: #0d0b12;--surface: #15121c;--surface-raised: #1d1827;--stroke: #30263e;--muted: #a59ab6;--purple: #b99af7;--purple-dark: #9b78df;--purple-pale: #2a203a;--mono: "DM Mono", monospace;--display: "Kanit", sans-serif}html{background:#0d0b12;scroll-behavior:smooth}body{min-height:100vh;color:#f3effb;background:radial-gradient(ellipse at 50% -18%,rgba(151,105,225,.16),transparent 44%),radial-gradient(ellipse at 100% 56%,rgba(121,77,175,.07),transparent 30%),#0d0b12;font-family:Kanit,sans-serif}.app-shell{max-width:1380px;padding-inline:clamp(16px,5vw,76px)}.topbar{height:76px;border-bottom:1px solid #ffffff10;animation:fs-rise-in .55s ease-out both}.brand{color:#f8f5ff;font-family:Kanit,sans-serif;font-size:16px;font-weight:600;letter-spacing:.015em}.brand-accent{color:#c3a8ff}.brand-icon{width:31px;height:31px}.nav-create{border:1px solid #c6adff38;border-radius:10px;padding:9px 17px;color:#171020;background:#c1a5ff;font:500 13px Kanit,sans-serif;box-shadow:0 4px 18px #b99af71a;transition:.2s ease}.nav-create:hover{background:#d0bdff;color:#171020;transform:translateY(-1px)}.domain-link{color:#a99bbd;font:400 11px DM Mono,monospace}.domain-link:hover{color:#d4c3ff}.home-view{min-height:calc(100vh - 150px);padding-bottom:64px}.home-hero{padding:clamp(54px,8vw,94px) 0 28px;animation:fs-rise-in .65s cubic-bezier(.2,.75,.25,1) both}.eyebrow{color:#c4adf8;font-size:11px;letter-spacing:.045em}.eyebrow-line{background:#b99af7;width:24px}.home-hero h1{margin:22px 0 16px;color:#f7f3ff;font:600 clamp(42px,6.5vw,76px)/1.17 "Kanit",sans-serif;letter-spacing:-.035em}.home-hero h1 span{background:linear-gradient(100deg,#c8b1ff,#a988ed 65%,#d5c4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero>p{color:#a69bb5;font-size:15px;line-height:1.95}.home-hero:after{z-index:0;top:34px;right:4%;color:#be9eff09;font-family:Kanit,sans-serif;font-weight:700}.home-mode-grid{gap:14px;margin-top:25px}.home-mode-card{min-height:205px;padding:22px;gap:20px;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(145deg,#191520,#141119);color:#f3effb;box-shadow:0 10px 32px #00000012;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}.home-mode-card:after{border-color:#b99af718;box-shadow:0 0 0 16px #b99af708,0 0 0 32px #b99af705}.home-mode-card:hover,.home-mode-card:focus-visible{transform:translateY(-4px);border-color:#b99af76b;background:linear-gradient(145deg,#21192d,#17131f);box-shadow:0 18px 40px #00000038,0 0 0 1px #b99af70a}.server-mode-card,.transparent-mode-card{background:linear-gradient(145deg,#1b1625,#141119 75%)}.home-mode-icon{width:46px;height:46px;border:1px solid #b99af72c;border-radius:13px;background:#b99af713;color:#c7afff;font-size:22px}.home-mode-copy{gap:6px}.home-mode-copy small{color:#a995c8;font-size:11px}.home-mode-copy strong{color:#f5f0ff;font:500 19px Kanit,sans-serif;letter-spacing:0}.home-mode-copy>span{color:#a49aaf;font-size:12px;line-height:1.8}.home-mode-arrow{width:29px;height:29px;top:22px;right:22px;border-color:#ffffff17;background:#ffffff04;color:#c3a8ff}.home-mode-card:hover .home-mode-arrow{background:#b99af71c}.home-notes{color:#a39aaf;gap:10px 22px;font-size:11px}.home-notes i{background:#b99af71a;color:#c9b2ff}.studio{border:1px solid #ffffff14;border-radius:17px;padding:clamp(17px,3vw,30px);background:#14111bf7;box-shadow:0 24px 80px #00000035;color:#f3effb}.section-kicker{color:#bda5e9;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.03em}.wizard-title{color:#f7f2ff;font:500 31px Kanit,sans-serif;letter-spacing:-.025em}.local-badge{border:1px solid #b99af729;border-radius:9px;background:#b99af70c;color:#c3b2de}.wizard-progress{border-bottom-color:#ffffff12}.wizard-step-indicator>span{border:1px solid #ffffff20;background:#1a1621;color:#a99cb9}.wizard-step-indicator.active>span{border-color:#b99af7;background:#b99af7;color:#171020;box-shadow:0 0 0 4px #b99af71a}.wizard-step-indicator.complete>span{border-color:#b99af7;background:#302442;color:#d1bcff}.wizard-step-indicator strong{color:#a69bb4;font-family:Kanit,sans-serif}.wizard-step-indicator.active strong,.wizard-step-indicator.complete strong{color:#e9ddff}.wizard-step-indicator small{color:#82778f}.wizard-connector{background:#33283f}.wizard-connector:has(+.wizard-step-indicator.complete){background:#a98be7}.studio-heading h2{color:#f3edff;font:500 24px Kanit,sans-serif}.mode-description{color:#a69bb4}.field-label{color:#e8dff5}.field-hint{color:#9f92af}.dropzone{border:1px dashed #5b476f;border-radius:12px;background:linear-gradient(145deg,#1b1624,#17131e);color:#e9dfff;transition:border-color .2s,background .2s,box-shadow .2s}.dropzone:hover,.dropzone.dragging{border-color:#c0a3ff;background:#21192e;box-shadow:0 0 0 3px #b99af710}.dropzone.has-file{border-color:#9e83d5;background:#1b1724}.upload-icon{border:1px solid #b99af72c;border-radius:13px;background:#b99af714;color:#c7afff}.dropzone p,.dropzone strong{color:#eee5ff}.dropzone small,.step-helper{color:#a79bb7}.step-helper{border:1px solid #ffffff12;border-radius:9px;background:#ffffff04}.group-upload-status{border:1px solid #b99af72a;border-radius:9px;background:#b99af70d;color:#d2c1f1}.skin-regions{border:1px solid #ffffff13;border-radius:11px;background:#17131d}.skin-regions legend,.skin-regions label{color:#ddd1ef}.skin-regions small{color:#9e92ae}.skin-regions input{accent-color:#b99af7}.text-input-wrap,.select-wrap{border:1px solid #ffffff1b;border-radius:9px;background:#100e15}.text-input-wrap input,.select-wrap select{color:#f0e8fc;background:transparent;font-family:Kanit,sans-serif}.text-input-wrap:focus-within,.select-wrap:focus-within{border-color:#b99af7;box-shadow:0 0 0 3px #b99af716}.item-icon-field{border:1px solid #ffffff14;border-radius:11px;background:#17131e}.item-icon-preview{border:1px solid #ffffff15;border-radius:10px;background:#211a2b}.item-icon-copy>strong{color:#e8dff6}.item-icon-copy>strong span,.item-icon-copy>small,.item-icon-status{color:#a296b1}.item-icon-button,.item-icon-reset{border:1px solid #b99af735;border-radius:8px;background:#b99af712;color:#d1bdff}.item-icon-button:hover,.item-icon-reset:not(:disabled):hover{border-color:#b99af7;background:#b99af722}.item-icon-reset:disabled{color:#6e6579}.preview-card{border:1px solid #ffffff14;border-radius:13px;background:#141119;box-shadow:0 15px 35px #00000025}.preview-topline{background:#191520;border-bottom-color:#ffffff12;color:#b2a6c1}.preview-status.ready{color:#a9d8b5}.texture-stage{background:radial-gradient(ellipse at 50% 35%,#30273c,#1c1724 58%,#110e16)}.preview-footer{background:#17131e;color:#a79bb7}.resolution-chip{border-color:#554364;background:#211a2b;color:#d9c9f5}.preview-key{border-color:#5a4a68;color:#d0c1e4}.format-icon{border-color:#b99af72a;background:#b99af714;color:#c9b2ff}.wizard-back,.wizard-next,.generate-button{min-height:43px;border-radius:9px;font:500 13px Kanit,sans-serif;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.wizard-back{border:1px solid #ffffff1b;background:#1b1721;color:#d4c9e2}.wizard-back:hover:not(:disabled){border-color:#b99af75c;background:#241c30}.wizard-next,.generate-button{border:1px solid #c6adff;background:#b99af7;color:#171020;box-shadow:0 6px 18px #b99af71c}.wizard-next:hover:not(:disabled),.generate-button:hover:not(:disabled){border-color:#d8c6ff;background:#cbb5ff;color:#171020;transform:translateY(-1px);box-shadow:0 9px 22px #b99af72c}.wizard-next:disabled,.wizard-back:disabled,.generate-button:disabled{border-color:#ffffff0c;background:#211c29;color:#756b82;box-shadow:none}.finish-panel{border:1px solid #ffffff14;border-radius:12px;background:#17131e}.finish-mark{border:1px solid #b99af72e;background:#b99af715;color:#d2bcff}.finish-panel h3{color:#f3eaff}.finish-panel>p{color:#a69bb4}.finish-summary>span{border:1px solid #ffffff12;border-radius:9px;background:#100e15}.finish-summary strong{color:#e9def8}.finish-summary small{color:#9c90aa}.compatibility-note{border:1px solid #ffffff12;border-radius:9px;background:#ffffff04;color:#a69bb4}.studio-footer{border-top-color:#ffffff12;color:#9f93ad}.success-message{border-color:#385a43;background:#152219;color:#b3e2bd}.error-message{border-color:#653542;background:#27151c;color:#f0b5c0}.page-footer{border-color:#ffffff12;color:#857a94}.page-footer a:hover{color:#d1bdff}button,input,select,textarea{font-family:Kanit,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c4a9ff;outline-offset:3px}@media(max-width:760px){.topbar{height:67px}.home-hero{padding-top:48px}.home-mode-card{min-height:0}}@media(max-width:480px){.home-hero h1{font-size:clamp(39px,11vw,54px)}.home-hero>p{font-size:13px}.wizard-title{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-community{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.footer-community a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #ffffff14;border-radius:9px;background:#ffffff04;color:#b4a7c5;font:400 11px Kanit,sans-serif;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.footer-community a:hover{transform:translateY(-2px);border-color:#b99af75c;background:#b99af710;color:#d7c6ff}.footer-community .footer-support-link{border-color:#b99af733;background:#b99af70c;color:#d0bcff}@media(max-width:650px){.page-footer{align-items:flex-start;flex-direction:column}.footer-community{justify-content:flex-start}.footer-community a{font-size:10px}}.brand-icon{width:34px;height:34px;object-fit:contain;border-radius:8px}.footer-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.footer-logo{width:25px;height:25px;object-fit:contain;border-radius:6px}@media(max-width:480px){.brand-icon{width:29px;height:29px}.footer-logo{width:22px;height:22px}}.topbar{gap:20px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,2vw,25px)}.nav-link{display:inline-flex;align-items:center;gap:5px;color:#b3a8c2;font:400 12px Kanit,sans-serif;transition:color .18s ease;white-space:nowrap}.nav-link:hover{color:#d8c7ff}.nav-support{color:#d0bcff}.nav-create{padding:8px 16px;min-height:36px}.page-footer{margin-top:24px;padding:20px 0 25px}.footer-note{color:#746a81;font:400 10px DM Mono,monospace;letter-spacing:.02em}@media(max-width:760px){.topbar{gap:10px}.topbar-actions{gap:12px}.nav-link{font-size:11px}.nav-create{padding:7px 12px;min-height:33px}}@media(max-width:520px){.topbar{height:auto;min-height:66px;padding:10px 0;align-items:center}.brand{gap:7px;font-size:12px}.brand-icon{width:27px;height:27px}.topbar-actions{gap:9px}.nav-link{font-size:10px}.nav-site{display:none}.nav-create{padding:6px 10px;font-size:11px}.page-footer{gap:8px}}body,button,input,select,textarea{font-family:Kanit,sans-serif}body{font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}.topbar-actions{flex-shrink:0}.nav-link{font-size:14px}.nav-help{border:0;padding:8px 0;background:transparent;cursor:pointer}.help-short{display:none}.nav-create{font-size:14px}.home-hero{padding-top:clamp(54px,8vw,104px);padding-bottom:32px}.home-hero h1{font-size:clamp(48px,7vw,82px);line-height:1.12;letter-spacing:-.035em;animation:titleArrive .85s cubic-bezier(.18,.82,.2,1) both}.home-hero h1 span{display:inline-block;background:linear-gradient(100deg,#c6aaff,#7bd9ff 38%,#d1a8ff 70%,#b99af7);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:colorDrift 8s ease-in-out infinite alternate}.home-hero>p{max-width:650px;margin-top:20px;font-size:17px;line-height:1.8;color:#bcb2c9;animation:subtitleArrive .8s .12s cubic-bezier(.18,.82,.2,1) both}.home-mode-grid{gap:16px;margin-top:22px;perspective:1200px}.home-mode-card{min-height:220px;position:relative;isolation:isolate;overflow:hidden;animation:cardArrive .8s cubic-bezier(.15,.78,.2,1) both;will-change:transform}.home-mode-card:nth-child(2){animation-delay:.12s}.home-mode-card:nth-child(3){animation-delay:.24s}.home-mode-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x, 70%) var(--glow-y, 25%),#c5a1ff25,transparent 56%);transition:opacity .3s ease}.home-mode-card:hover,.home-mode-card:focus-visible{transform:translateY(-7px) rotateX(1.5deg)}.home-mode-icon{width:52px;height:52px;font-size:25px}.home-mode-card:nth-child(1) .home-mode-icon{animation:iconOrbit 9s ease-in-out infinite}.home-mode-card:nth-child(2) .home-mode-icon{animation:iconPixel 6s ease-in-out infinite}.home-mode-card:nth-child(3) .home-mode-icon{animation:iconBreath 4s ease-in-out infinite}.home-mode-copy small{font-size:13px}.home-mode-copy strong{font-size:22px;line-height:1.45}.home-mode-copy>span{font-size:15px;line-height:1.7}.home-mode-arrow{width:34px;height:34px;font-size:18px}.section-kicker{font-size:12px}.wizard-title{font-size:34px}.studio-heading h2{font-size:28px}.wizard-step-indicator strong{font-size:15px}.wizard-step-indicator small{font-size:12px}.mode-description,.local-badge{font-size:14px;line-height:1.65}.field-label,.skin-regions legend{font-size:16px}.field-hint{font-size:13px}.upload-content strong{font-size:17px}.upload-content>span{font-size:15px}.upload-content small{font:12px DM Mono,monospace}.skin-regions label{font-size:15px}.skin-regions small,.item-icon-copy>small,.item-icon-status{font-size:13px;line-height:1.6}.item-icon-copy>strong{font-size:16px}.text-input-wrap>span,.select-wrap>span:first-child{font-size:14px}.text-input-wrap input,.select-wrap select{font-size:15px}.wizard-back,.wizard-next,.generate-button{min-height:48px;font-size:15px}.format-note,.compatibility-note{font-size:13px;line-height:1.7}.finish-panel h3{font-size:24px}.finish-panel>p{font-size:15px;line-height:1.75}.page-footer{font-size:11px}.guide-dialog{width:min(760px,calc(100vw - 28px));max-width:760px;max-height:min(86vh,880px);padding:0;overflow:auto;color:#f3edf9;border:1px solid #b99af748;border-radius:22px;background:#17131f;box-shadow:0 35px 120px #00000090,0 0 0 1px #ffffff05;scrollbar-color:#59466d #17131f}.guide-dialog[open]{animation:guideArrive .42s cubic-bezier(.16,1,.3,1) both}.guide-dialog::backdrop{background:#09070dc9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:backdropArrive .25s ease-out both}.guide-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:clamp(22px,5vw,38px);overflow:hidden;border-bottom:1px solid #ffffff12;background:radial-gradient(ellipse at 90% 0%,#8a5cbd35,transparent 52%),linear-gradient(115deg,#21192d,#17131f 75%)}.guide-head:after{content:"";position:absolute;left:-25%;top:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,#a6e8ff,#d8baff,transparent);animation:guideScan 4.8s ease-in-out infinite}.guide-kicker{color:#bfa6e8;font:11px DM Mono,monospace;letter-spacing:.11em}.guide-head h2{margin:9px 0 6px;font:600 clamp(27px,4vw,38px)/1.25 "Kanit",sans-serif}.guide-head p{margin:0;color:#beb2cc;font-size:15px;line-height:1.65}.guide-close{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border:1px solid #ffffff1b;border-radius:13px;background:#ffffff08;color:#e8def7;font-size:28px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.guide-close:hover{transform:rotate(90deg);border-color:#b99af7;background:#b99af718}.guide-content{display:grid;gap:14px;padding:clamp(16px,3vw,28px)}.guide-section{display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px;padding:19px;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(135deg,#201a2a,#191520);animation:guideCardArrive .5s both}.guide-section:nth-child(2){animation-delay:.06s}.guide-section:nth-child(3){animation-delay:.12s}.guide-number{display:grid;place-items:center;width:45px;height:45px;border:1px solid #b99af742;border-radius:13px;color:#d1baff;background:linear-gradient(145deg,#b99af725,#b99af708);font:500 13px DM Mono,monospace}.guide-section h3{margin:0 0 9px;color:#f5eeff;font-size:21px;font-weight:500}.guide-section ol{margin:0;padding-left:23px;color:#c7bdcf;font-size:15px;line-height:1.8}.guide-section li{padding-left:4px;margin:3px 0}.guide-section li::marker{color:#c1a2ff;font-weight:600}.guide-section strong{color:#e5d5ff;font-weight:500}.guide-section code{padding:2px 6px;border:1px solid #b99af726;border-radius:5px;background:#b99af712;color:#d8c5ff;font-size:.9em}.guide-tip{padding:17px 19px;border-left:3px solid #83d7f5;border-radius:0 12px 12px 0;background:#82d9f509;color:#beb5cb;font-size:14px;line-height:1.8}.guide-tip strong{color:#d9f5ff;font-weight:500}.guide-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px clamp(16px,3vw,28px) 22px;border-top:1px solid #ffffff12}.guide-foot>span{color:#9c91aa;font-size:12px;line-height:1.6}.guide-done{flex:0 0 auto;min-height:44px;padding:9px 19px;border:1px solid #d5c0ff;border-radius:11px;background:#c0a4ff;color:#181122;font-size:15px;font-weight:500;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.guide-done:hover{transform:translateY(-2px);background:#d5c5ff;box-shadow:0 8px 24px #b99af72e}@keyframes titleArrive{0%{opacity:0;transform:translateY(25px);filter:blur(9px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);filter:blur(0);clip-path:inset(0 0 0 0)}}@keyframes subtitleArrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardArrive{0%{opacity:0;transform:translateY(28px) rotateX(8deg) scale(.97);filter:blur(6px)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}@keyframes colorDrift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes iconOrbit{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-7deg) translateY(-3px)}}@keyframes iconPixel{0%,to{transform:translate(0)}50%{transform:translate(3px) rotate(2deg)}}@keyframes iconBreath{0%,to{box-shadow:0 0 #b99af700}50%{box-shadow:0 0 0 7px #b99af70c}}@keyframes guideArrive{0%{opacity:0;transform:translateY(24px) scale(.965);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes backdropArrive{0%{opacity:0}to{opacity:1}}@keyframes guideScan{0%,to{left:-25%;opacity:0}20%{opacity:1}80%{opacity:.8}to{left:105%}}@keyframes guideCardArrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.home-mode-card{min-height:180px;padding:20px}.home-mode-copy strong{font-size:20px}.home-mode-copy>span{font-size:14px}.nav-link{font-size:12px}.wizard-title{font-size:29px}}@media(max-width:520px){.brand{gap:5px;font-size:10px}.brand-icon{width:24px;height:24px}.topbar-actions{gap:8px}.nav-link{font-size:10px}.nav-help{padding:5px 0}.help-label{display:none}.help-short{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #b99af742;border-radius:8px;color:#d5bfff;background:#b99af710;font-size:14px;font-weight:600}.nav-create{padding:5px 9px;font-size:11px}.home-hero h1{font-size:clamp(43px,11vw,61px)}.home-hero>p{font-size:15px}.guide-dialog{max-height:90vh;border-radius:17px}.guide-head{padding:21px 18px}.guide-head p{font-size:14px}.guide-section{grid-template-columns:37px minmax(0,1fr);gap:10px;padding:14px 12px;border-radius:12px}.guide-number{width:35px;height:35px;border-radius:10px;font-size:11px}.guide-section h3{font-size:19px}.guide-section ol{font-size:14px;padding-left:19px}.guide-tip{padding:14px;font-size:13px}.guide-foot{align-items:flex-start;flex-direction:column}.guide-done{width:100%}.home-mode-grid{grid-template-columns:1fr}.home-mode-card{min-height:150px}}.home-mode-card{animation-fill-mode:backwards}:root{color-scheme:light;color:#38264f;background:#f7f3ff;--bg: #f7f3ff;--surface: #fff;--surface-raised: #f0e8ff;--stroke: #e1d4f5;--muted: #766587;--purple: #9b72e6;--purple-dark: #7550ba;--purple-pale: #eee4ff}html{background:#f7f3ff}body{color:#38264f;background:radial-gradient(ellipse at 9% 0%,#e8dcff 0,transparent 34%),radial-gradient(ellipse at 94% 23%,#f0e4ff 0,transparent 27%),linear-gradient(180deg,#faf7ff,#f5efff 65%,#faf7ff)}.app-shell{color:#38264f}.topbar{border-bottom-color:#d7c5ee}.brand{color:#332146}.brand-accent{color:#8e64d5}.brand-icon{border-radius:7px;box-shadow:none}.brand-wordmark small{margin-top:4px;color:#89789e;font:500 8px DM Mono,monospace;letter-spacing:.1em;white-space:nowrap}.nav-link{color:#675679}.nav-link:hover{color:#6f46b7}.nav-support{color:#8056c5}.nav-create{background:#a985ee;color:#fff;border-color:#a985ee;box-shadow:0 5px 18px #aa89ed37}.nav-create:hover{background:#9067d8;color:#fff}.home-view{color:#38264f}.home-hero h1{color:#38264f}.home-hero h1 span{background:linear-gradient(100deg,#9f79e8,#b092f0 48%,#8d62d6);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}.home-hero>p{color:#766587}.home-mode-card,.server-mode-card,.transparent-mode-card{border-color:#e1d4f5;background:linear-gradient(145deg,#fff,#f8f3ff);color:#3c2b53;box-shadow:0 12px 28px #5c3a8710}.home-mode-card:hover,.home-mode-card:focus-visible{border-color:#b99be9;background:linear-gradient(145deg,#fff,#f1e8ff);box-shadow:0 18px 36px #62418e1d,0 0 0 1px #b99be933}.home-mode-card:after{border-color:#9b72e620;box-shadow:0 0 0 16px #9b72e609,0 0 0 32px #9b72e605}.home-mode-card:before{background:radial-gradient(circle at var(--glow-x, 70%) var(--glow-y, 25%),#a985ee26,transparent 56%)}.home-mode-icon{color:#8155c8;background:#efe5ff;border-color:#e0d0fa}.home-mode-copy small{color:#8567ac}.home-mode-copy strong{color:#38264f}.home-mode-copy>span{color:#766587}.home-mode-arrow{color:#8057c7;border-color:#e0d4f1;background:#f8f3ff}.studio{color:#38264f;background:#fff;border-color:#dfd1f1;box-shadow:0 20px 65px #62418e12}.section-kicker{color:#815db5}.wizard-title,.studio-heading h2{color:#38264f}.local-badge{color:#6f5c84;border-color:#e3d8f3;background:#fbf8ff}.wizard-progress{border-bottom-color:#e8def4}.wizard-step-indicator>span{color:#7d6c91;background:#f8f4ff;border-color:#e0d4f0}.wizard-step-indicator.active>span{color:#fff;background:#9b72e6;border-color:#9b72e6;box-shadow:0 0 0 4px #9b72e61c}.wizard-step-indicator.complete>span{color:#7049b6;background:#eee5ff;border-color:#ceb9f3}.wizard-step-indicator strong,.wizard-step-indicator.active strong,.wizard-step-indicator.complete strong{color:#4a345f}.wizard-step-indicator small{color:#897b98}.wizard-connector{background:#e0d4f0}.wizard-connector:has(+.wizard-step-indicator.complete){background:#9b72e6}.mode-description{color:#766587}.dropzone{color:#4c3766;border-color:#cbb6e6;background:linear-gradient(145deg,#fcfaff,#f6f0ff)}.dropzone:hover,.dropzone.dragging{border-color:#a27de3;background:#f0e7ff;box-shadow:0 0 0 3px #a27de31c}.dropzone.has-file{border-color:#a27de3;background:#f8f3ff}.dropzone p,.dropzone strong,.upload-content strong{color:#3d2b54}.upload-icon{color:#8155c8;border-color:#e1d1f8;background:#f0e7ff}.upload-content>span,.dropzone small,.step-helper{color:#78688b}.step-helper{border-color:#e7dcf5;background:#fbf8ff}.file-preview>img{border-color:#dfd2f1;background-color:#f8f4ff}.file-meta>span{color:#7e6d93}.remove-file{color:#7b51c0}.group-file-list,.group-file-row{border-color:#e6dcf2;background:#fff}.group-list-heading,.group-file-details strong{color:#4a365f}.group-file-row{border-top-color:#f0e9f8}.group-skin-name{color:#49345f}.skin-regions{border-color:#e2d6f1;background:#fcfaff}.skin-regions legend,.skin-regions label{color:#4a365f}.skin-regions small{color:#78688b}.skin-regions input{accent-color:#9169dc}.text-input-wrap,.select-wrap{border-color:#dfd2f0;background:#fff}.text-input-wrap>span,.select-wrap>span:first-child{color:#766587}.text-input-wrap input,.select-wrap select{color:#3d2a55}.text-input-wrap:focus-within,.select-wrap:focus-within{border-color:#9b72e6;box-shadow:0 0 0 3px #9b72e61b}.select-wrap select option{background:#fff;color:#3d2a55}.item-icon-field{border-color:#e4d8f2;background:#fcfaff}.item-icon-preview{border-color:#e4d8f2;background:#f1e9ff}.item-icon-copy>strong{color:#49345f}.item-icon-copy>strong span,.item-icon-copy>small,.item-icon-status{color:#7f6d93}.item-icon-button,.item-icon-reset{border-color:#dbc8f5;background:#f4edff;color:#744bb5}.item-icon-button:hover,.item-icon-reset:not(:disabled):hover{border-color:#ab88e6;background:#e9ddff}.item-icon-reset:disabled{color:#a89bb8}.preview-card{border-color:#dfd2f0;background:#fff;box-shadow:0 15px 35px #62418e11}.preview-topline,.preview-footer{color:#7a6a8c;background:#faf7ff;border-color:#e7dcf3}.preview-status.ready{color:#4e946b}.texture-stage{background:radial-gradient(ellipse at 50% 35%,#efe5ff,#f7f2ff 62%,#fff)}.texture-placeholder{color:#88779a}.pixel-cube i{background:#e5d8fb;border-color:#bda5e2}.pixel-cube i:nth-child(2){background:#d9c7f3}.pixel-cube i:nth-child(3){background:#c9b2eb}.resolution-chip{border-color:#d6c3ee;background:#fffaffed;color:#764bb7}.preview-key{border-color:#d8c5ee;background:#fffaffdc;color:#654d7f}.wizard-back{border-color:#e0d4ef;background:#fbf8ff;color:#624e78}.wizard-back:hover:not(:disabled){border-color:#c4a6eb;background:#f0e6ff}.wizard-next,.generate-button{border-color:#9a70e5;background:#a985ee;color:#fff;box-shadow:0 6px 18px #9b72e626}.wizard-next:hover:not(:disabled),.generate-button:hover:not(:disabled){border-color:#8b60d6;background:#9169dc;color:#fff;box-shadow:0 9px 22px #9b72e633}.wizard-next:disabled,.wizard-back:disabled,.generate-button:disabled{border-color:#e6dfef;background:#f5f1fa;color:#b2a7c0}.format-icon{border-color:#dcccf0;background:#f4edff;color:#815db5}.finish-panel{border-color:#e5d9f2;background:#fcfaff}.finish-mark{border-color:#d8c5f0;background:#f0e7ff;color:#7650bb}.finish-panel h3{color:#3d2a54}.finish-panel>p{color:#766587}.finish-summary>span{border-color:#e5d9f2;background:#fff}.finish-summary strong{color:#49345f}.finish-summary small{color:#7f6d93}.compatibility-note{border-color:#e5d9f2;background:#faf7ff;color:#79698b}.studio-footer{border-top-color:#e6dcf2;color:#766587}.success-message{border-color:#cbe7d3;background:#f2fbf4;color:#2f7448}.error-message{border-color:#efcbd4;background:#fff3f5;color:#9b3e56}.page-footer{border-color:#dfd2f0;color:#837293}.footer-note{color:#89799b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#8f64d5}.guide-dialog{color-scheme:light;color:#3b2854;border-color:#dac8f2;background:#fffaff;box-shadow:0 30px 100px #39225236,0 0 0 1px #8e64d515}.guide-dialog::backdrop{background:#4b356754;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guide-head{background:radial-gradient(ellipse at 95% 0%,#dfccff 0%,transparent 52%),linear-gradient(120deg,#f0e6ff,#fcf9ff 80%);border-bottom-color:#e6d8f6}.guide-head:after{background:linear-gradient(90deg,transparent,#9e79e6,#d2b9ff,transparent)}.guide-kicker{color:#8060ae}.guide-head h2{color:#3c2856}.guide-head p{color:#756287}.guide-close{border-color:#e0d2f1;background:#ffffffb5;color:#5e4679}.guide-close:hover{border-color:#b394e8;background:#f0e6ff}.guide-content{grid-template-columns:minmax(205px,.83fr) minmax(0,1.35fr);align-items:start;gap:18px;background:#fffaff}.guide-topic-list{min-width:0}.guide-select-label{margin:0 0 10px;color:#806d95;font-size:13px;font-weight:500}.guide-topic{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 6px;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:#604b78;text-align:left;font:400 14px Kanit,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.guide-topic:hover{border-color:#e4d5f6;background:#f8f2ff;transform:translate(2px)}.guide-topic.active{border-color:#d2b9f2;background:#eee3ff;color:#6843a6;font-weight:500}.guide-topic-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #e2d2f6;border-radius:9px;background:#f7f1ff;color:#8058bf;font-size:16px}.guide-topic.active .guide-topic-icon{border-color:#ceb3f2;background:#e3d2ff}.guide-topic-arrow{margin-left:auto;color:#a18bb8;opacity:0;transform:translate(-3px);transition:.18s ease}.guide-topic:hover .guide-topic-arrow,.guide-topic.active .guide-topic-arrow{opacity:1;transform:translate(0)}.guide-detail{min-height:370px;padding:clamp(16px,3vw,25px);border:1px solid #e7dbf5;border-radius:16px;background:linear-gradient(145deg,#fff,#fcf8ff)}.guide-detail-top{display:flex;align-items:center;gap:10px}.guide-detail-icon,.guide-empty-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #decaf7;border-radius:13px;color:#784fb9;background:#f1e7ff;font-size:21px}.guide-detail h3{margin:13px 0 4px;color:#3b2854;font-size:25px;font-weight:500;line-height:1.35}.guide-intro{margin:0 0 17px;color:#79668f;font-size:14px;line-height:1.75}.guide-steps{display:grid;gap:10px;margin:0;padding-left:26px;color:#604b76;font-size:14px;line-height:1.8}.guide-steps li{padding-left:4px}.guide-steps li::marker{color:#8c62d1;font-weight:600}.guide-tip{margin-top:18px;padding:12px 14px;border-left:3px solid #a887e8;border-radius:0 10px 10px 0;background:#f2eaff;color:#6b5581;font-size:13px;line-height:1.8}.guide-tip strong{color:#6f49aa}.guide-empty-icon{margin-bottom:16px;border-style:dashed}.guide-detail:has(.guide-empty-icon){display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.guide-detail:has(.guide-empty-icon) h3{margin-top:0}.guide-detail:has(.guide-empty-icon) p{margin:0;max-width:290px;color:#806e94;font-size:14px;line-height:1.8}.guide-foot{border-top-color:#e6d9f3;background:#fcf9ff}.guide-foot>span{color:#847293}.guide-done{border-color:#9b72e6;background:#a985ee;color:#fff}.guide-done:hover{border-color:#875dcf;background:#9066d8;box-shadow:0 8px 24px #9b72e630}@media(max-width:640px){.brand-wordmark small{font-size:7px;letter-spacing:.055em}.guide-content{grid-template-columns:1fr}.guide-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.guide-select-label{grid-column:1 / -1}.guide-topic{margin:0;padding:9px 7px;gap:7px;font-size:12px}.guide-topic-icon{flex-basis:26px;height:26px}.guide-topic-arrow{display:none}.guide-detail{min-height:auto}.guide-foot{flex-direction:row;align-items:center}.guide-foot>span{font-size:11px}.guide-done{width:auto}}@media(max-width:420px){.brand-wordmark small{display:none}.topbar-actions{gap:7px}.nav-link{font-size:10px}.nav-site{display:none}}@media(prefers-reduced-motion:reduce){.home-hero h1,.home-hero h1 span,.home-hero>p,.home-mode-card,.home-mode-icon,.guide-dialog[open],.guide-dialog::backdrop,.guide-section,.guide-head:after{animation:none!important;filter:none!important;clip-path:none!important}}:root{color-scheme:dark;--bg: #100d17;--surface: #191421;--surface-raised: #231a31;--stroke: #3b2d50;--muted: #b4a4c9;--purple: #c3a5ff;--purple-dark: #9671dc;--purple-pale: #2b203b;color:#f3ecff}html{color-scheme:dark;background:#100d17;scroll-behavior:smooth}body{min-height:100vh;color:#f3ecff;background:radial-gradient(ellipse at 82% 9%,#7e55b222 0,transparent 34%),radial-gradient(ellipse at 0% 60%,#50347a19 0,transparent 29%),linear-gradient(145deg,#100d17,#15101f 57%,#100d17)}.app-shell{max-width:1480px;padding-inline:clamp(18px,5.5vw,84px)}.topbar{height:82px;border-bottom:1px solid #bca0ef1b;animation:darkNavIn .6s ease-out both}.brand{gap:12px;color:#f8f2ff;font:600 16px Kanit,sans-serif;letter-spacing:.02em}.brand-wordmark{display:flex;flex-direction:column;line-height:1.05}.brand-wordmark small{color:#a697bb;font:500 8px DM Mono,monospace;letter-spacing:.12em;margin-top:5px}.brand-accent{color:#c4a7ff}.brand-icon{width:36px;height:36px;border-radius:9px;box-shadow:0 0 0 1px #c3a5ff25}.topbar-actions{gap:clamp(10px,1.8vw,23px)}.nav-link{color:#c0b2d4;font-size:13px;transition:color .18s,transform .18s}.nav-link:hover{color:#e4d5ff}.nav-support{color:#d0b7ff}.nav-create{min-height:39px;padding:8px 17px;border:1px solid #d3bbff44;border-radius:12px 4px;background:#c4a6ff;color:#20152e;font:600 14px Kanit,sans-serif;box-shadow:0 7px 24px #9b72e62a;transition:transform .2s,background .2s,box-shadow .2s}.nav-create:hover{transform:translateY(-2px);background:#d8c4ff;box-shadow:0 10px 28px #9b72e63c;color:#20152e}.home-view{min-height:calc(100vh - 145px);padding-bottom:78px;color:#f3ecff}.home-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr);align-items:center;gap:clamp(28px,5vw,70px);padding:clamp(48px,6vw,80px) 0 42px;position:relative}.home-hero:after{display:none!important;content:none!important}.hero-copy{min-width:0;position:relative;z-index:1}.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:23px;color:#bba4e7;font:500 11px DM Mono,monospace;letter-spacing:.11em}.eyebrow-pip{width:7px;height:7px;border-radius:2px;background:#c6a9ff;box-shadow:0 0 14px #b99af78a;transform:rotate(45deg)}.eyebrow-divider{color:#675278}.home-hero h1{margin:0 0 19px;color:#f9f4ff;font:600 clamp(46px,5.3vw,74px)/1.19 "Kanit",sans-serif;letter-spacing:-.025em;animation:heroTextIn .8s cubic-bezier(.18,.8,.2,1) both}.home-hero h1 span{display:inline-block;background:linear-gradient(100deg,#d3baff,#b99af7 45%,#e0ceff 80%,#ad8de8);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lilacFlow 8s ease-in-out infinite alternate}.home-hero>.hero-copy>p{max-width:520px;margin:0;color:#b7a9c9;font-size:17px;line-height:1.9}.hero-cta-row{display:flex;align-items:center;gap:12px;margin-top:27px}.hero-primary,.hero-secondary{min-height:46px;padding:10px 18px;cursor:pointer;font:500 14px Kanit,sans-serif;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.hero-primary{display:inline-flex;align-items:center;gap:16px;border:1px solid #c4a6ff;border-radius:13px 5px;background:#c2a4ff;color:#20152e;box-shadow:0 8px 25px #a47be92d}.hero-primary span{font-size:19px;transition:transform .2s}.hero-primary:hover{transform:translateY(-2px);background:#d8c5ff;box-shadow:0 12px 30px #a47be943}.hero-primary:hover span{transform:translate(2px,-2px)}.hero-secondary{border:1px solid #534166;border-radius:5px 13px;background:#1a1424;color:#ddcff1}.hero-secondary:hover{transform:translateY(-2px);border-color:#a98bdf;background:#251b34}.hero-meta{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:27px;color:#9283a7;font:11px DM Mono,monospace}.hero-meta span{display:inline-flex;align-items:center;gap:7px}.hero-meta i{width:6px;height:6px;background:#a5e7c3;border-radius:50%;box-shadow:0 0 10px #91ddb184}.hero-art{position:relative;min-width:0;min-height:470px;display:flex;align-items:center;justify-content:center;isolation:isolate;animation:artStageIn .9s .12s cubic-bezier(.18,.8,.2,1) both}.art-window{position:relative;width:min(100%,405px);min-height:420px;padding:15px 18px 17px;overflow:hidden;border:1px solid #634c7e;border-radius:28px 8px;background:radial-gradient(ellipse at 50% 27%,#6d4e8d31,transparent 56%),linear-gradient(153deg,#241a32,#1a1424 60%,#17111f);box-shadow:0 28px 75px #00000056,0 0 0 7px #b99af707,inset 0 1px #ffffff0b;transform:rotate(1.25deg)}.art-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.17;background-image:linear-gradient(#b89ae80d 1px,transparent 1px),linear-gradient(90deg,#b89ae80d 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(#000,transparent 90%);mask-image:linear-gradient(#000,transparent 90%)}.art-window-top{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #ffffff12;color:#a998bc}.art-window-top>span{display:flex;gap:4px}.art-window-top i{width:6px;height:6px;border-radius:50%;background:#6c587e}.art-window-top i:first-child{background:#c7aaff}.art-window-top b{flex:1;text-align:center;font:10px DM Mono,monospace;letter-spacing:.1em}.art-window-top em{color:#bda2ee;font: 10px DM Mono,monospace;padding:3px 6px;border:1px solid #b99af72a;border-radius:5px;background:#b99af70b}.pixel-character{position:relative;z-index:1;display:block;width:100%;height:274px;margin:1px auto -3px;filter:drop-shadow(0 12px 13px #0000001c)}.art-palette{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin:0 0 14px;padding-left:8px}.art-palette>span{display:block;width:20px;height:20px;border:1px solid #ffffff25;border-radius:5px 2px}.art-palette>span:nth-child(1){background:#d8c5ff}.art-palette>span:nth-child(2){background:#b99af7}.art-palette>span:nth-child(3){background:#8660c4}.art-palette>span:nth-child(4){background:#4c355f}.art-palette small{margin-left:auto;color:#8d7aa4;font:9px DM Mono,monospace;letter-spacing:.06em}.art-file{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #8f75b12b;border-radius:8px 3px;background:#120e1a9c}.art-file-icon{display:grid;place-items:center;width:35px;height:36px;background:#b99af71a;border:1px solid #b99af744;border-radius:7px 2px;color:#d4beff;font:9px DM Mono,monospace}.art-file>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.art-file b{overflow:hidden;color:#e9deff;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.art-file small{color:#9483ab;font:9px DM Mono,monospace}.art-file-check{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#a2e5bf19;color:#9ce5bd}.art-orbit{position:absolute;pointer-events:none;border:1px solid #b99af723;border-radius:50%}.orbit-one{width:450px;height:450px;transform:rotate(-24deg) scaleY(.55);animation:orbitBreath 9s ease-in-out infinite}.orbit-two{width:365px;height:365px;transform:rotate(32deg) scaleY(.55);border-style:dashed;animation:orbitBreath 11s ease-in-out infinite reverse}.art-sticker{position:absolute;z-index:3;padding:8px 12px;border:1px solid #846ca15b;background:#21182f;color:#ddceff;box-shadow:0 8px 28px #0003;font:10px DM Mono,monospace}.sticker-a{top:35px;right:6%;border-radius:12px 4px;transform:rotate(7deg);font-size:16px;font-weight:500}.sticker-a span{color:#d8baff;font-size:13px}.sticker-b{bottom:55px;left:-1%;border-radius:4px 12px;transform:rotate(-5deg);font-size:9px;letter-spacing:.1em}.art-caption{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #4a375e;border-radius:5px 15px;background:#1a1425ef;box-shadow:0 14px 35px #0003}.caption-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:10px 3px;background:#b99af71b;color:#c7acff;font-size:17px}.art-caption>span:last-child{display:flex;flex-direction:column;gap:2px}.art-caption b{color:#ddd0ef;font:9px DM Mono,monospace;letter-spacing:.05em}.art-caption small{color:#8f7fa3;font-size:11px}.hero-primary:focus-visible,.hero-secondary:focus-visible{outline:2px solid #dfd0ff;outline-offset:3px}.home-mode-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}.home-mode-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-height:325px;padding:19px;overflow:hidden;text-align:left;color:#f0e8ff;border:1px solid #66507b;background:linear-gradient(145deg,#21192e,#191421 80%);box-shadow:0 16px 38px #00000020;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .25s}.home-mode-card:nth-child(1){border-radius:7px 25px;animation-delay:.05s}.home-mode-card:nth-child(2){border-radius:25px 7px;animation-delay:.16s;background:linear-gradient(145deg,#281d39,#191421 82%)}.home-mode-card:nth-child(3){border-radius:7px 7px 27px;animation-delay:.27s;background:linear-gradient(145deg,#1f1a31,#171422 82%)}.home-mode-card:after{content:"";position:absolute;top:-38px;right:-38px;width:105px;height:105px;border:1px solid #c7aaff18;border-radius:50%;box-shadow:0 0 0 16px #c7aaff06,0 0 0 32px #c7aaff04;pointer-events:none}.home-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 75% 15%,#c5a1ff1f,transparent 52%);transition:opacity .28s}.home-mode-card:hover,.home-mode-card:focus-visible{transform:translateY(-7px);border-color:#b99af7;background:linear-gradient(145deg,#2b203c,#1d162a);box-shadow:0 23px 50px #00000042,0 0 0 1px #b99af715;outline:none}.home-mode-card:hover:before,.home-mode-card:focus-visible:before{opacity:1}.home-mode-icon{display:none}.mode-art{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:126px;flex:0 0 auto;overflow:hidden;border:1px solid #b99af723;border-radius:13px 4px;background:linear-gradient(135deg,#2a203b,#191421)}.mode-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#c7aaff08 1px,transparent 1px),linear-gradient(90deg,#c7aaff08 1px,transparent 1px);background-size:18px 18px}.mode-art-solo{background:radial-gradient(ellipse at 50% 100%,#b99af72a,transparent 65%),linear-gradient(140deg,#2b213c,#191421)}.mini-avatar{position:relative;z-index:1;display:block;width:43px;height:76px;transform:translateY(5px);filter:drop-shadow(0 9px 9px #0005)}.mini-avatar i{position:absolute;top:0;left:6px;width:32px;height:31px;border:3px solid #231831;background:#dfcaff}.mini-avatar i:before{content:"";position:absolute;left:-3px;top:-3px;width:32px;height:9px;background:#8d63ce;border-bottom:3px solid #231831}.mini-avatar i:after{content:"";position:absolute;left:4px;top:11px;width:5px;height:6px;background:#3a294c;box-shadow:14px 0 #3a294c}.mini-avatar b{position:absolute;left:2px;top:31px;width:40px;height:28px;border:3px solid #231831;background:linear-gradient(90deg,#9472d1 0,#9472d1 25%,#c0a2fa 25%,#c0a2fa 75%,#9472d1 75%)}.mini-avatar em{position:absolute;left:5px;top:59px;width:13px;height:17px;border:3px solid #231831;background:#58416d;box-shadow:19px 0 #58416d}.mode-art-spark{position:absolute;right:25%;top:22%;color:#d9c1ff;font-size:19px;animation:sparkleBlink 2.4s ease-in-out infinite}.mode-art-server{gap:0;background:radial-gradient(ellipse at 50% 100%,#9b72e630,transparent 72%),linear-gradient(135deg,#281e38,#191421)}.mini-cube{position:absolute;width:52px;height:52px;border:2px solid #291d3a;border-radius:5px 2px;box-shadow:inset 0 0 0 6px #ffffff0b,0 12px 22px #0003;transform:rotate(45deg)}.cube-one{left:calc(50% - 83px);top:43px;background:linear-gradient(135deg,#c4a5ff 0,#c4a5ff 48%,#8962c5 49%,#8962c5)}.cube-two{left:calc(50% - 27px);top:25px;background:linear-gradient(135deg,#e0cdff 0,#e0cdff 48%,#a27bdf 49%,#a27bdf);z-index:1}.cube-three{left:calc(50% + 29px);top:43px;background:linear-gradient(135deg,#ad8be8 0,#ad8be8 48%,#66478f 49%,#66478f)}.mode-art-count{position:absolute;right:15px;bottom:13px;z-index:2;padding:5px 8px;border:1px solid #c5a5ff4a;border-radius:5px;background:#1c1429;color:#ddcaff;font:10px DM Mono,monospace}.mode-art-transparent{background:linear-gradient(135deg,#211c35,#161521)}.trans-grid{position:absolute;width:104px;height:82px;border:1px solid #a48aca62;border-radius:5px 12px;background-color:#f5efff;background-image:linear-gradient(45deg,#b8a5cf55 25%,transparent 25%,transparent 75%,#b8a5cf55 75%),linear-gradient(45deg,#b8a5cf55 25%,transparent 25%,transparent 75%,#b8a5cf55 75%);background-size:18px 18px;background-position:0 0,9px 9px;box-shadow:0 12px 20px #0003;transform:rotate(-7deg)}.trans-cut{position:absolute;width:36px;height:36px;left:calc(50% + 10px);top:33px;background:#1d1728;border:1px solid #c6a7ff;box-shadow:0 0 0 7px #b99af719;transform:rotate(8deg)}.trans-cursor{position:absolute;right:25%;top:65%;z-index:2;color:#e0ceff;font-size:27px;text-shadow:0 2px 7px #000;transform:rotate(-20deg)}.home-mode-copy{position:relative;z-index:1;gap:6px}.home-mode-copy small{color:#b8a1db;font:10px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.home-mode-copy strong{color:#f4ecff;font:500 22px/1.35 Kanit,sans-serif}.home-mode-copy>span{max-width:none;color:#b3a5c7;font-size:14px;line-height:1.7}.home-mode-arrow{position:absolute;right:19px;bottom:18px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border:1px solid #b99af72c;border-radius:8px 3px;background:#c5a2ff0d;color:#d7c2ff;transition:transform .2s,background .2s}.home-mode-card:hover .home-mode-arrow{transform:translate(2px,-2px);background:#c5a2ff1c}.home-mode-card .home-mode-copy{padding-right:34px}.studio{color:#f3ecff;border-color:#453453;border-radius:23px 7px;background:linear-gradient(140deg,#1a1424,#15111e 72%);box-shadow:0 26px 80px #0000003d}.wizard-progress{border-bottom-color:#493856}.wizard-title,.studio-heading h2{color:#f5edff}.section-kicker{color:#c5a8f2}.wizard-step-indicator>span{border-color:#594669;background:#1d1728;color:#c0b1d3}.wizard-step-indicator.active>span{border-color:#cfb5ff;background:#c5a7ff;color:#20152e;box-shadow:0 0 0 4px #b99af724}.wizard-step-indicator.complete>span{border-color:#997ac4;background:#352543;color:#e0ceff}.wizard-step-indicator strong,.wizard-step-indicator.active strong,.wizard-step-indicator.complete strong{color:#ede1ff}.wizard-step-indicator small,.mode-description{color:#aa9abb}.wizard-connector{background:#493652}.wizard-connector:has(+.wizard-step-indicator.complete){background:#b99af7}.local-badge{border-color:#5a466e;background:#241a32;color:#d1c1e5}.field-label,.skin-regions legend{color:#e8dcf7}.field-hint{color:#aa9abb}.dropzone{border-color:#796094;border-radius:20px 5px;background:linear-gradient(135deg,#21192f,#191421);color:#e9ddfa}.dropzone:hover,.dropzone.dragging{border-color:#cfb0ff;background:#2a1e3d;box-shadow:0 0 0 4px #b99af71a}.dropzone.has-file{border-color:#ad8be8;background:#21192f}.upload-icon{border-color:#b99af742;border-radius:14px 4px;background:#b99af71c;color:#d4bcff}.upload-content strong,.dropzone strong,.dropzone p{color:#f1e7ff}.upload-content>span,.upload-content small,.step-helper{color:#b3a4c7}.step-helper{border-color:#473653;border-radius:11px 4px;background:#1e172a}.file-preview>img{border-color:#554167;background-color:#21192e}.file-meta strong{color:#eee5fb}.file-meta>span,.file-meta small{color:#ad9cbe}.remove-file{color:#cbb1ff}.group-upload-status{border-color:#5b4670;background:#251b33;color:#d8c7ee}.group-file-list{border-color:#493854;background:#191421}.group-list-heading,.group-file-details strong{color:#eadffc}.group-file-row{border-top-color:#362941}.group-file-row>img{border-color:#513e64;background:#21192e}.group-skin-name{color:#eee5fb}.skin-regions{border-color:#493754;border-radius:12px 4px;background:#1b1525}.skin-regions legend,.skin-regions label{color:#e0d2f1}.skin-regions small{color:#b0a1c5}.skin-regions input{accent-color:#c1a2ff}.text-input-wrap,.select-wrap{border-color:#4b395c;border-radius:11px 4px;background:#130f1b}.text-input-wrap>span,.select-wrap>span:first-child{color:#b4a4c8}.text-input-wrap input,.select-wrap select{color:#f0e5ff}.text-input-wrap:focus-within,.select-wrap:focus-within{border-color:#c2a4ff;box-shadow:0 0 0 3px #b99af722}.select-wrap select option{background:#1a1424;color:#f0e5ff}.item-icon-field{border-color:#493653;border-radius:14px 5px;background:#1a1424}.item-icon-preview{border-color:#4f3c64;border-radius:10px 3px;background:#241a34}.item-icon-copy>strong{color:#f0e6ff}.item-icon-copy>strong span,.item-icon-copy>small,.item-icon-status{color:#b0a0c5}.item-icon-button,.item-icon-reset{border-color:#6e558d;border-radius:8px 3px;background:#2a1f3b;color:#e1d0ff}.item-icon-button:hover,.item-icon-reset:not(:disabled):hover{border-color:#c3a5ff;background:#38274e}.item-icon-reset:disabled{color:#887a99}.preview-card{border-color:#4a375a;border-radius:18px 5px;background:#191421;box-shadow:0 20px 45px #0003}.preview-topline,.preview-footer{border-color:#3a2b49;background:#1d1728;color:#ab9bbc}.preview-status.ready{color:#9edfb7}.texture-stage{background-color:#16111f;background-image:linear-gradient(45deg,#b99af709 25%,transparent 25%),linear-gradient(-45deg,#b99af709 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b99af709 75%),linear-gradient(-45deg,transparent 75%,#b99af709 75%)}.texture-placeholder{color:#9f90b2}.pixel-cube i{border-color:#a78acb;background:#3c2b50}.pixel-cube i:nth-child(2){background:#4b3565}.pixel-cube i:nth-child(3){background:#5c4179}.resolution-chip{border-color:#6b5188;border-radius:7px 2px;background:#21172fee;color:#dfccff}.preview-key{border-color:#6a4d87;background:#1e1729e8;color:#d9c9ee}.wizard-back,.wizard-next,.generate-button{min-height:47px;border-radius:12px 4px;font-size:14px}.wizard-back{border-color:#554164;background:#21192d;color:#dfd3ef}.wizard-back:hover:not(:disabled){border-color:#bd9cf4;background:#2b203b}.wizard-next,.generate-button{border-color:#c6a8ff;background:#c2a4ff;color:#21162f;box-shadow:0 7px 20px #b99af724}.wizard-next:hover:not(:disabled),.generate-button:hover:not(:disabled){border-color:#e1d0ff;background:#d7c4ff;color:#21162f;box-shadow:0 10px 25px #b99af735}.wizard-next:disabled,.wizard-back:disabled,.generate-button:disabled{border-color:#3d304a;background:#211a2c;color:#756783;box-shadow:none}.format-note{color:#b3a4c6}.format-icon{border-color:#684f83;background:#261c35;color:#d7c2ff}.finish-panel{border-color:#473452;border-radius:13px 4px;background:#1e172a}.finish-mark{border-color:#8b6abb;background:#342448;color:#ddc8ff}.finish-panel h3{color:#f4ebff}.finish-panel>p{color:#b3a4c7}.finish-summary>span{border-color:#46334f;border-radius:10px 3px;background:#160f20}.finish-summary strong{color:#eee3fc}.finish-summary small{color:#af9cbe}.compatibility-note{border-color:#473451;border-radius:10px 3px;background:#1a1424;color:#b5a5c7}.studio-footer{border-top-color:#44324f;color:#b4a5c7}.success-message{border-color:#3f7656;border-radius:10px 3px;background:#172a20;color:#b5ebc4}.error-message{border-color:#774354;border-radius:10px 3px;background:#2a1720;color:#ffcad4}.page-footer{border-color:#3b2d4b;color:#8f809f}.footer-brand{color:#bcadcf}.footer-note{color:#8f809f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d4bdff;outline-offset:3px}.guide-dialog{color-scheme:dark;color:#f3ecff;border-color:#614878;border-radius:24px 7px;background:#171220;box-shadow:0 35px 120px #000000a6,0 0 0 1px #b99af709}.guide-dialog::backdrop{background:#09060fcb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.guide-head{border-bottom-color:#44324f;background:radial-gradient(ellipse at 94% 0%,#9b72e62c,transparent 56%),linear-gradient(120deg,#251a34,#171220 80%)}.guide-head h2{color:#f5edff}.guide-head p{color:#b4a4c8}.guide-kicker{color:#c1a2f3}.guide-close{border-color:#594368;border-radius:12px 4px;background:#241a31;color:#edddff}.guide-close:hover{border-color:#c4a5ff;background:#342448}.guide-content{background:#171220}.guide-select-label{color:#ac9abd}.guide-topic{border-color:transparent;border-radius:11px 4px;background:transparent;color:#ccbedf}.guide-topic:hover{border-color:#4e395f;background:#21182e}.guide-topic.active{border-color:#9672c9;background:#2e2240;color:#e4d3ff}.guide-topic-icon{border-color:#564069;border-radius:8px 3px;background:#291d39;color:#cfb6ff}.guide-topic.active .guide-topic-icon{border-color:#9b7acb;background:#4a3463}.guide-topic-arrow{color:#d1b9f9}.guide-detail{border-color:#4b375d;border-radius:19px 5px;background:linear-gradient(145deg,#21182e,#1a1425)}.guide-detail-icon,.guide-empty-icon{border-color:#735794;border-radius:12px 3px;background:#322344;color:#d8c3ff}.guide-detail h3{color:#f4ebff}.guide-intro,.guide-detail:has(.guide-empty-icon) p{color:#b7a8ca}.guide-steps{color:#d0c2e0}.guide-steps li::marker{color:#c4a5ff}.guide-tip{border-left-color:#c1a4fa;border-radius:0 10px 3px 0;background:#b99af711;color:#bdadcf}.guide-tip strong{color:#ddc8ff}.guide-foot{border-top-color:#44324f;background:#1b1426}.guide-foot>span{color:#a797b8}.guide-done{border-color:#c5a6ff;border-radius:11px 4px;background:#c2a4ff;color:#21162f}.guide-done:hover{border-color:#e4d4ff;background:#d7c5ff;box-shadow:0 8px 24px #b99af73a}@keyframes darkNavIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes heroTextIn{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes artStageIn{0%{opacity:0;transform:translate(16px) scale(.975)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes lilacFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes orbitBreath{0%,to{opacity:.45;scale:1}50%{opacity:.95;scale:1.04}}@keyframes sparkleBlink{0%,to{opacity:.55;transform:scale(.9) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(12deg)}}@media(max-width:980px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(290px,.82fr);gap:24px}.home-hero h1{font-size:clamp(43px,5.6vw,62px)}.hero-art{min-height:420px}.art-window{min-height:395px;padding:13px}.pixel-character{height:246px}.art-sticker{font-size:9px}.home-mode-grid{gap:12px}.home-mode-card{min-height:315px;padding:15px}.home-mode-copy strong{font-size:20px}}@media(max-width:760px){.app-shell{padding-inline:clamp(15px,4vw,28px)}.topbar{height:auto;min-height:72px;padding:12px 0;gap:10px}.brand{gap:8px;font-size:13px}.brand-icon{width:30px;height:30px}.brand-wordmark small{font-size:7px;letter-spacing:.08em}.topbar-actions{gap:10px}.nav-link{font-size:11px}.nav-create{min-height:34px;padding:6px 11px;font-size:12px}.home-hero{grid-template-columns:1fr;gap:15px;padding:53px 0 30px}.home-hero h1{font-size:clamp(46px,9vw,68px)}.home-hero>.hero-copy>p{font-size:16px}.hero-art{min-height:410px;max-width:520px;width:100%;justify-self:center;margin-top:3px}.art-window{width:min(84%,405px);min-height:395px}.sticker-a{right:4%;top:18px}.sticker-b{left:2%;bottom:50px}.art-caption{right:2%}.home-mode-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}.home-mode-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:14px;min-height:0;padding:14px;border-radius:15px 5px!important}.mode-art{grid-row:1 / span 2;height:100px;min-height:100px}.mini-avatar{scale:.78}.home-mode-copy{grid-column:2;grid-row:1;padding-right:32px!important}.home-mode-copy strong{font-size:19px}.home-mode-copy>span{font-size:13px}.home-mode-arrow{right:13px;bottom:13px;width:27px;height:27px}.wizard-progress-heading{gap:10px}.wizard-title{font-size:30px}.wizard-step-indicator strong{font-size:11px}.studio{padding:20px 16px;border-radius:18px 5px}.guide-dialog{max-height:91vh;border-radius:20px 5px}.guide-content{grid-template-columns:1fr}.guide-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.guide-select-label{grid-column:1/-1}.guide-topic{margin:0;padding:9px 7px;gap:7px;font-size:12px}.guide-topic-icon{flex-basis:27px;height:27px}.guide-detail{min-height:auto}}@media(max-width:520px){.app-shell{padding-inline:14px}.brand-icon{width:25px;height:25px}.brand-wordmark small{display:none}.topbar-actions{gap:8px}.nav-link{font-size:10px}.nav-site,.nav-support{display:none}.home-hero{padding-top:42px}.hero-eyebrow{font-size:9px;margin-bottom:17px}.home-hero h1{font-size:clamp(42px,11.5vw,58px)}.home-hero>.hero-copy>p{font-size:15px}.hero-cta-row{gap:8px;flex-wrap:wrap}.hero-primary,.hero-secondary{min-height:43px;padding:9px 13px;font-size:13px}.hero-meta{gap:8px 11px;font-size:9px}.hero-art{min-height:360px}.art-window{width:min(85%,350px);min-height:355px;padding:11px}.pixel-character{height:213px}.art-palette{margin-bottom:10px}.art-palette>span{width:17px;height:17px}.art-file{padding:8px}.art-file b{font-size:10px}.art-file small{font-size:8px}.art-caption{bottom:0;padding:8px 10px}.art-caption b{font-size:8px}.art-caption small{font-size:10px}.sticker-a{top:9px;right:0}.sticker-b{bottom:40px;left:0}.orbit-one{width:330px;height:330px}.orbit-two{width:285px;height:285px}.home-mode-card{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:11px;border-radius:13px 4px!important}.mode-art{height:90px;min-height:90px}.home-mode-copy strong{font-size:17px}.home-mode-copy>span{font-size:12px;line-height:1.55}.home-mode-copy small{font-size:9px}.wizard-progress-heading{flex-direction:column}.wizard-title{font-size:27px}.wizard-step-indicator{flex-direction:column;gap:4px;align-items:center}.wizard-step-indicator div{align-items:center}.wizard-step-indicator strong{font-size:9px}.wizard-step-indicator small{display:none}.texture-stage{height:245px}.studio{padding:16px 12px}.guide-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-detail{padding:16px}.guide-detail h3{font-size:22px}.guide-steps{font-size:13px}.guide-foot{align-items:flex-start;flex-direction:column}.guide-done{width:100%}}@media(prefers-reduced-motion:reduce){.topbar,.home-hero h1,.home-hero h1 span,.hero-art,.home-mode-card,.mode-art-spark,.art-orbit{animation:none!important;filter:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.art-window{overflow:hidden}.pixel-character{display:block;width:calc(100% + 280px);max-width:none;height:248px;margin:0 -140px -3px;object-fit:cover;object-position:50% 55%;border-radius:12px 3px;transform:rotate(-2.7deg) scale(1.015);filter:saturate(.92) contrast(1.04);box-shadow:0 12px 28px #07040c44;animation:skinPreviewFloat 7s ease-in-out infinite}.art-window{transform:rotate(1.2deg)}.art-file{transform:rotate(.7deg)}.sticker-a{transform:rotate(8deg)}.sticker-b{transform:rotate(-6deg)}@keyframes skinPreviewFloat{0%,to{transform:rotate(-2.7deg) translateY(0) scale(1.015)}50%{transform:rotate(-1deg) translateY(-3px) scale(1.035)}}@media(max-width:980px){.pixel-character{height:235px;width:calc(100% + 240px);margin:0 -120px -3px}}@media(max-width:760px){.pixel-character{height:240px;width:calc(100% + 260px);margin:0 -130px -3px}}@media(max-width:520px){.pixel-character{height:210px;width:calc(100% + 235px);margin:0 -117px -3px}}.hero-art{min-height:455px;overflow:visible;perspective:1100px}.art-window{width:auto;min-height:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.art-window:before,.art-window-top,.art-palette,.art-file,.art-sticker,.art-caption,.art-orbit{display:none!important}.pixel-character{display:block;width:auto;max-width:none;height:clamp(350px,38vw,490px);margin:0;padding:0;overflow:visible;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 18px 24px #00000048) drop-shadow(0 0 22px #b99af718);transform:perspective(900px) rotateY(-7deg) rotate(-2deg);transform-origin:50% 75%;animation:cleanSkinFloat 6s ease-in-out infinite}@keyframes cleanSkinFloat{0%,to{transform:perspective(900px) rotateY(-7deg) rotate(-2deg) translateY(0)}50%{transform:perspective(900px) rotateY(-3deg) rotate(-1deg) translateY(-7px)}}@media(max-width:980px){.hero-art{min-height:400px}.pixel-character{height:410px}}@media(max-width:760px){.hero-art{min-height:390px;margin-top:-4px}.pixel-character{height:390px}}@media(max-width:520px){.hero-art{min-height:330px}.pixel-character{height:330px}}@media(prefers-reduced-motion:reduce){.pixel-character{animation:none!important}}.solo-skin-icon{position:relative;z-index:1;width:82px;height:82px;filter:drop-shadow(0 8px 13px #0004);transform:rotate(-5deg);transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}.home-mode-card:hover .solo-skin-icon{transform:rotate(0) translateY(-3px) scale(1.05);filter:drop-shadow(0 12px 17px #0006)}.mode-art-solo-label{position:absolute;right:12px;bottom:11px;z-index:1;color:#ae94d6;font:9px DM Mono,monospace;letter-spacing:.14em}.mode-art-spark{top:16px;right:calc(50% - 55px)}@media(max-width:760px){.solo-skin-icon{width:64px;height:64px}.mode-art-solo-label{font-size:7px;right:6px;bottom:7px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.solo-skin-icon{transition:none!important}}.server-skin-stack{position:relative;z-index:1;display:block;width:min(100%,300px);height:126px;overflow:visible;filter:drop-shadow(0 9px 13px #08040f55);transform:translateY(0);transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease}.home-mode-card:hover .server-skin-stack{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 13px 16px #08040f66)}.mode-art-count{font-size:9px;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){.server-skin-stack{transition:none!important}}.boxskin-showcase{position:relative;margin-top:clamp(46px,7vw,86px);padding:clamp(20px,3vw,34px);overflow:hidden;border:1px solid #463353;border-radius:23px 7px;background:linear-gradient(145deg,#1a1424,#14101c 78%)}.boxskin-showcase:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#c9adff75,transparent);pointer-events:none}.boxskin-showcase-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.boxskin-showcase-kicker{color:#c2a3f6;font:10px DM Mono,monospace;letter-spacing:.13em}.boxskin-showcase-heading h2{margin:8px 0 6px;color:#f4ecff;font:500 clamp(25px,3vw,36px)/1.3 "Kanit",sans-serif;letter-spacing:-.025em}.boxskin-showcase-heading h2 span{color:#c5a7ff}.boxskin-showcase-heading p{max-width:610px;margin:0;color:#ab9bbf;font-size:14px;line-height:1.8}.boxskin-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.boxskin-example-card{min-width:0;margin:0;overflow:hidden;border:1px solid #493655;border-radius:15px 4px;background:#100d17;transition:border-color .18s ease,transform .18s ease}.boxskin-example-card:hover{border-color:#8b6bb2;transform:translateY(-2px)}.boxskin-example-image{position:relative;display:grid;min-height:260px;place-items:center;padding:16px;overflow:hidden;border-bottom:1px solid #3b2b49;background:radial-gradient(ellipse at 50% 0%,#72519320,transparent 65%),linear-gradient(145deg,#1c1527,#14101b)}.boxskin-example-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#cbb4ff08 1px,transparent 1px),linear-gradient(90deg,#cbb4ff08 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(#000,transparent 88%);mask-image:linear-gradient(#000,transparent 88%)}.boxskin-example-image img{position:relative;z-index:1;display:block;width:100%;max-width:460px;height:auto;max-height:350px;object-fit:contain;border:1px solid #80758c;border-radius:4px;box-shadow:0 15px 35px #00000040}.boxskin-image-tag{position:absolute;z-index:2;right:12px;bottom:12px;padding:5px 8px;border:1px solid #67517e;border-radius:5px 2px;background:#18111fef;color:#d7c2f5;font:9px DM Mono,monospace;letter-spacing:.05em}.boxskin-example-card figcaption{display:flex;align-items:center;gap:12px;padding:15px 16px 17px}.boxskin-example-number{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border:1px solid #624b7b;border-radius:9px 3px;background:#2a1e3b;color:#d9c7ff;font:11px DM Mono,monospace}.boxskin-example-card figcaption div{display:flex;min-width:0;flex-direction:column;gap:3px}.boxskin-example-card figcaption strong{color:#eee4ff;font-size:16px;font-weight:500}.boxskin-example-card figcaption small{color:#9f90b2;font-size:12px;line-height:1.65}@media(max-width:760px){.boxskin-showcase{margin-top:45px;padding:18px}.boxskin-showcase-heading{flex-direction:column;gap:12px}.boxskin-example-grid{grid-template-columns:1fr;gap:12px}.boxskin-example-image{min-height:210px}.boxskin-example-image img{max-width:420px;max-height:300px}}@media(max-width:480px){.boxskin-showcase{padding:13px;border-radius:15px 4px}.boxskin-showcase-heading h2{font-size:25px}.boxskin-showcase-heading p{font-size:12px}.boxskin-example-image{min-height:165px;padding:9px}.boxskin-example-image img{max-height:235px}.boxskin-example-card figcaption{padding:12px}.boxskin-example-card figcaption strong{font-size:14px}.boxskin-example-card figcaption small{font-size:11px}}#wizard-view{--wiz-line: #453454;--wiz-panel: #1b1526;--wiz-panel-deep: #15101e;--wiz-muted: #b0a1c4;--wiz-lilac: #c7aaff}#wizard-view .wizard-progress{position:relative;padding:0 0 25px;margin-bottom:27px;border-bottom:1px solid var(--wiz-line)}#wizard-view .wizard-progress-heading{align-items:center;gap:20px}#wizard-view .wizard-title{margin-top:8px;font-size:clamp(28px,3.1vw,39px);letter-spacing:-.035em}#wizard-view .local-badge{flex-shrink:0;padding:8px 12px;border-radius:8px 3px;font-size:12px}#wizard-view .wizard-steps{max-width:820px;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:0;margin-top:25px}#wizard-view .wizard-step-indicator{min-height:57px;padding:9px 10px;gap:10px;border:1px solid transparent;border-radius:10px 3px;transition:background .18s ease,border-color .18s ease}#wizard-view .wizard-step-indicator>span{width:34px;height:34px;border-radius:9px 3px;font:600 12px DM Mono,monospace;transition:background .18s ease,color .18s ease}#wizard-view .wizard-step-indicator.active{border-color:#8b70b24d;background:linear-gradient(120deg,#2b203c,#21182e)}#wizard-view .wizard-step-indicator.complete{border-color:#59446e88;background:#21192c}#wizard-view .wizard-step-indicator strong{font-size:13px;line-height:1.35}#wizard-view .wizard-step-indicator small{margin-top:3px;font-size:10px}#wizard-view .wizard-connector{height:2px;margin-inline:5px;border-radius:99px}#wizard-view .studio-heading.wizard-heading{align-items:center;gap:20px;margin-bottom:21px;padding:17px 19px;border:1px solid #463455;border-radius:13px 4px;background:linear-gradient(110deg,#22192f,#1a1425 75%)}#wizard-view .wizard-heading h2{margin:4px 0 0;font-size:clamp(23px,2.3vw,30px);letter-spacing:-.025em}#wizard-view .wizard-heading .mode-description{max-width:48%;font-size:13px;line-height:1.7}#wizard-view .workspace{align-items:start;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(18px,2.5vw,30px)}#wizard-view .upload-column{min-width:0}#wizard-view .wizard-panel.active{animation:wizardStepIn .22s ease-out both}@keyframes wizardStepIn{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#wizard-view .wizard-panel[data-wizard-panel="1"].active:before,#wizard-view .wizard-panel[data-wizard-panel="2"].active:before,#wizard-view .wizard-panel[data-wizard-panel="3"].active:before{display:block;width:max-content;max-width:100%;margin:0 0 13px;color:#c7aaff;font:600 10px DM Mono,monospace;letter-spacing:.11em}#wizard-view .wizard-panel[data-wizard-panel="1"].active:before{content:"01  /  ADD YOUR SKIN"}#wizard-view[data-mode=group][data-step="1"] .wizard-panel[data-wizard-panel="1"].active:before{content:"01  /  BUILD YOUR SKIN LIBRARY"}#wizard-view[data-mode=transparent][data-step="1"] .wizard-panel[data-wizard-panel="1"].active:before{content:"01  /  CHOOSE A TEXTURE"}#wizard-view .wizard-panel[data-wizard-panel="2"].active:before{content:"02  /  MAKE IT YOURS"}#wizard-view[data-mode=group][data-step="2"] .wizard-panel[data-wizard-panel="2"].active:before{content:"02  /  ORGANIZE YOUR SERVER SKINS"}#wizard-view[data-mode=transparent][data-step="2"] .wizard-panel[data-wizard-panel="2"].active:before{content:"02  /  SELECT TRANSPARENT AREAS"}#wizard-view .wizard-panel[data-wizard-panel="3"].active:before{content:"03  /  REVIEW & EXPORT"}#wizard-view .field-label{margin-bottom:11px;font-size:14px}#wizard-view .field-hint{padding:4px 8px;border:1px solid #49375e;border-radius:5px 2px;background:#261c35;color:#c6b5df;font:10px DM Mono,monospace}#wizard-view .dropzone{min-height:254px;border:1px dashed #796297;border-radius:18px 5px;background:radial-gradient(ellipse at 50% 0%,#b99af710,transparent 60%),linear-gradient(140deg,#21192f,#181321)}#wizard-view .dropzone:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px dashed #b99af71b;border-radius:11px 3px;pointer-events:none}#wizard-view .dropzone:hover,#wizard-view .dropzone.dragging{border-color:#cfb5ff;background:linear-gradient(140deg,#2b203c,#1b1427);box-shadow:0 0 0 4px #b99af711}#wizard-view .upload-content{position:relative;z-index:1;gap:6px;padding:25px 17px;text-align:center}#wizard-view .upload-icon{width:53px;height:53px;margin-bottom:10px;border-radius:15px 4px;background:linear-gradient(145deg,#38274d,#261b38)}#wizard-view .upload-icon svg{width:25px;height:25px}#wizard-view .upload-content strong{font-size:18px;line-height:1.5}#wizard-view .upload-content>span{font-size:14px}#wizard-view .upload-content small{margin-top:9px;font:11px Kanit,sans-serif}#wizard-view .file-preview{position:relative;z-index:1;min-height:230px;padding:25px;gap:18px}#wizard-view .file-preview>img{width:104px;height:142px;padding:7px;border-radius:10px 3px;border-color:#5d4776;background-color:#17101f}#wizard-view .file-meta{gap:8px}#wizard-view .file-meta strong{font-size:15px;overflow-wrap:anywhere;white-space:normal}#wizard-view .file-meta>span{font:11px DM Mono,monospace;line-height:1.7}#wizard-view .remove-file{padding:6px 10px;border:1px solid #634c7c;border-radius:7px 2px;background:#2a1f3b}#wizard-view .step-helper{margin-top:12px;padding:12px 14px;border-radius:9px 3px;font-size:12px;line-height:1.7}#wizard-view .group-upload-status{padding:10px 13px;border-radius:9px 3px;font-size:12px}#wizard-view .error-message,#wizard-view .success-message{margin-top:12px;padding:12px 14px;border-radius:10px 3px;font-size:13px}#wizard-view .group-file-list{max-height:360px;margin:13px 0 0;padding:12px;border:1px solid #4b375e;border-radius:13px 4px;background:#17111f;scrollbar-color:#654c81 #17111f}#wizard-view .group-list-heading{position:sticky;top:-12px;z-index:2;margin:-12px -12px 8px;padding:12px;border-bottom:1px solid #3c2b4d;background:#1c1527;font-size:13px}#wizard-view .group-list-heading button{padding:6px 10px;border:1px solid #715492;border-radius:7px 2px;background:#2a1e3b;color:#dfceff;font:12px Kanit,sans-serif}#wizard-view .group-file-row{align-items:flex-start;gap:10px;padding:11px 4px;border-top-color:#362742;background:transparent}#wizard-view .group-file-row>img,#wizard-view .group-file-invalid-icon{width:45px;height:45px;margin-top:2px;border-radius:8px 2px;border-color:#5a436f;background-color:#22182f}#wizard-view .group-file-details{flex:1;gap:5px}#wizard-view .group-file-details small{font-size:11px;line-height:1.55}#wizard-view .group-skin-name{padding:7px 8px;border-color:#483453;border-radius:7px 2px;background:#1f172b;color:#f0e5ff;font:13px Kanit,sans-serif}#wizard-view .group-skin-name:hover,#wizard-view .group-skin-name:focus{border-color:#b99af7;background:#261c36}#wizard-view .group-skin-model{max-width:100%;padding:6px 8px;border:1px solid #483453;border-radius:7px 2px;background:#17111f;color:#d9c8f0;font:12px Kanit,sans-serif}#wizard-view .group-remove-file{width:28px;height:28px;flex:0 0 auto;border:1px solid #634052;border-radius:7px 2px;background:#2a1826;color:#f5b8cc;font-size:17px;cursor:pointer}#wizard-view .group-file-row.invalid{background:#291823}#wizard-view .wizard-panel[data-wizard-panel="2"].active{display:flex;flex-direction:column;gap:14px}#wizard-view .wizard-panel[data-wizard-panel="2"]>*{margin-top:0;margin-bottom:0}#wizard-view .skin-regions{padding:17px;border-radius:13px 4px;background:linear-gradient(145deg,#20172d,#1a1425)}#wizard-view .skin-regions legend{padding:0 8px;font-size:15px;font-weight:600}#wizard-view .region-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 13px}#wizard-view .region-options label{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:43px;padding:9px 10px;border:1px solid #483652;border-radius:9px 3px;background:#191321;font-size:13px;line-height:1.4;cursor:pointer}#wizard-view .region-options label:has(input:checked){border-color:#9878c7;background:#2b203d;color:#f0e4ff}#wizard-view .region-options input{width:15px;height:15px;flex:0 0 auto}#wizard-view .skin-regions small{display:block;font-size:12px;line-height:1.7}#wizard-view .text-input-wrap,#wizard-view .select-wrap{min-height:52px;padding-inline:14px;border-radius:10px 3px;background:#17111f}#wizard-view .text-input-wrap input,#wizard-view .select-wrap select{font-size:14px}#wizard-view .settings-label{margin:0}#wizard-view .item-icon-field{display:flex;align-items:center;gap:16px;padding:15px;border-radius:13px 4px;background:linear-gradient(145deg,#21182f,#191321)}#wizard-view .item-icon-preview{display:grid;width:70px;height:70px;flex:0 0 auto;place-items:center;padding:8px;border-radius:11px 3px;background-color:#17101f}#wizard-view .item-icon-preview img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}#wizard-view .item-icon-copy{min-width:0}#wizard-view .item-icon-copy>strong{display:block;margin-bottom:4px;font-size:15px}#wizard-view .item-icon-copy>small{display:block;font-size:12px;line-height:1.65}#wizard-view .item-icon-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}#wizard-view .item-icon-button,#wizard-view .item-icon-reset{min-height:34px;padding:6px 10px;border-radius:7px 2px;font-size:12px}#wizard-view .compatibility-note{padding:12px 14px;border-radius:9px 3px;font-size:12px;line-height:1.75}#wizard-view .preview-card{position:sticky;top:18px;overflow:hidden;border-radius:18px 5px;box-shadow:0 18px 50px #00000028}#wizard-view .preview-topline{padding:13px 15px;font-size:10px;letter-spacing:.06em}#wizard-view .texture-stage{min-height:300px;height:clamp(280px,32vw,390px)}#wizard-view .texture-placeholder{gap:14px;font-size:13px;text-align:center}#wizard-view .preview-footer{padding:12px 15px;font-size:9px}#wizard-view .preview-key{right:10px;bottom:10px;left:10px;padding:9px 11px;border-radius:8px 3px;font-size:11px;line-height:1.5}#wizard-view .finish-panel[data-wizard-panel="3"]{min-height:0}#wizard-view .finish-panel .finish-mark{width:58px;height:58px;border-radius:18px 5px;background:linear-gradient(145deg,#4a3561,#2a1e3c);font-size:27px}#wizard-view .finish-panel h3{margin:19px 0 8px;font-size:clamp(23px,2.2vw,30px)}#wizard-view .finish-panel>p{max-width:520px;font-size:14px;line-height:1.85}#wizard-view .finish-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0}#wizard-view .finish-summary>span{min-height:95px;justify-content:center;padding:16px;border-radius:11px 3px;background:linear-gradient(145deg,#21182e,#17111f)}#wizard-view .finish-summary strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}#wizard-view .finish-summary small{font-size:12px;line-height:1.6}#wizard-view .finish-panel .compatibility-note{margin-top:16px}#wizard-view .wizard-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:27px;padding-top:20px}#wizard-view .wizard-footer .format-note{min-width:0;font-size:12px;line-height:1.7}#wizard-view .wizard-back,#wizard-view .wizard-next,#wizard-view .wizard-footer .generate-button{min-height:46px;padding-inline:17px;font-size:14px}#wizard-view .success-message{margin-top:16px}@media(max-width:980px){#wizard-view .workspace{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:16px}#wizard-view .wizard-step-indicator{gap:7px;padding:8px 6px}#wizard-view .wizard-step-indicator strong{font-size:12px}#wizard-view .wizard-heading .mode-description{max-width:45%}}@media(max-width:760px){#wizard-view .wizard-progress-heading{align-items:flex-start;flex-direction:column;gap:12px}#wizard-view .wizard-steps{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);margin-top:18px}#wizard-view .wizard-step-indicator{justify-content:center;flex-direction:column;gap:6px;padding:9px 3px;text-align:center}#wizard-view .wizard-step-indicator div{align-items:center}#wizard-view .wizard-step-indicator strong{font-size:11px;white-space:normal}#wizard-view .wizard-step-indicator small{display:none}#wizard-view .wizard-connector{margin-inline:1px}#wizard-view .studio-heading.wizard-heading{align-items:flex-start;flex-direction:column;gap:8px;padding:15px}#wizard-view .wizard-heading .mode-description{max-width:none;text-align:left}#wizard-view .workspace{grid-template-columns:minmax(0,1fr)}#wizard-view .info-column{order:-1}#wizard-view .preview-card{position:relative;top:auto}#wizard-view .texture-stage{height:280px;min-height:240px}#wizard-view .wizard-footer{grid-template-columns:1fr 1fr}#wizard-view .wizard-footer .format-note{grid-column:1 / -1;grid-row:1}#wizard-view .wizard-back{grid-column:1;grid-row:2}#wizard-view .wizard-next,#wizard-view .wizard-footer .generate-button{grid-column:2;grid-row:2;width:100%;min-width:0}#wizard-view .finish-panel{padding:19px}#wizard-view .region-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){#wizard-view .wizard-title{font-size:27px}#wizard-view .wizard-step-indicator strong{font-size:10px}#wizard-view .wizard-step-indicator>span{width:30px;height:30px}#wizard-view .wizard-steps{grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr) 7px minmax(0,1fr)}#wizard-view .dropzone{min-height:225px}#wizard-view .file-preview{align-items:flex-start;flex-direction:column;padding:20px}#wizard-view .file-preview>img{width:90px;height:115px}#wizard-view .texture-stage{height:235px}#wizard-view .region-options{gap:7px}#wizard-view .region-options label{min-height:39px;padding:8px;font-size:12px}#wizard-view .item-icon-field{align-items:flex-start;flex-direction:column;gap:10px}#wizard-view .finish-summary{grid-template-columns:1fr 1fr}#wizard-view .finish-summary>span{padding:11px}#wizard-view .wizard-footer{gap:8px}#wizard-view .wizard-back,#wizard-view .wizard-next,#wizard-view .wizard-footer .generate-button{padding-inline:9px;font-size:12px}}@media(prefers-reduced-motion:reduce){.boxskin-example-card:hover{transform:none}#wizard-view .wizard-panel.active{animation:none!important}#wizard-view .wizard-step-indicator,#wizard-view .wizard-step-indicator>span{transition:none!important}}@media(max-width:760px){.topbar{gap:8px}.topbar-actions{gap:6px}}@media(max-width:520px){.topbar-actions .nav-support,.topbar-actions .nav-site{display:none}.nav-create{padding-inline:10px}}@media(max-width:420px){.topbar-actions>.nav-link{display:none}.topbar-actions{gap:4px}.brand{gap:6px;font-size:13px}.brand-icon{width:27px;height:27px}.brand-wordmark small{display:none}.nav-create{padding:7px 9px;font-size:10px}}.home-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-art-edit{background:radial-gradient(circle at 70% 28%,#8d69c544,transparent 48%),linear-gradient(135deg,#241a32,#17131f)}.edit-grid{position:absolute;width:102px;height:82px;border:1px solid #b99af75e;border-radius:5px 12px;background-color:#f4edff;background-image:linear-gradient(45deg,#b8a5cf55 25%,transparent 25%,transparent 75%,#b8a5cf55 75%),linear-gradient(45deg,#b8a5cf55 25%,transparent 25%,transparent 75%,#b8a5cf55 75%);background-size:18px 18px;background-position:0 0,9px 9px;box-shadow:0 12px 20px #0003;transform:rotate(5deg)}.edit-pixel{position:absolute;width:31px;height:31px;left:calc(50% + 7px);top:38px;border:1px solid #e4d3ff;background:#23182f;box-shadow:0 0 0 6px #b99af719}.edit-pen{position:absolute;right:22%;bottom:21%;z-index:2;color:#e0ceff;font-size:31px;text-shadow:0 2px 7px #000;transform:rotate(-18deg)}@media(max-width:760px){.home-mode-grid{grid-template-columns:1fr}}