@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-deep: #0b0f19;--bg-base: #111827;--bg-surface: #1e293b;--bg-elevated: #253348;--bg-card: #1a2332;--border-subtle: rgba(148, 163, 184, .12);--border-default:rgba(148, 163, 184, .18);--border-accent: rgba(0, 224, 255, .3);--text-primary: #f1f5f9;--text-secondary:#94a3b8;--text-muted: #64748b;--text-accent: #00e0ff;--accent: #00e0ff;--accent-soft: rgba(0, 224, 255, .15);--accent-glow: rgba(0, 224, 255, .35);--accent-hover: #33e8ff;--success: #22d3ee;--success-soft: rgba(34, 211, 238, .12);--danger: #f43f5e;--danger-soft: rgba(244, 63, 94, .12);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 10px 30px rgba(0,0,0,.55);--shadow-glow:0 0 20px var(--accent-soft);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--bg-deep)}h1{font-size:2.8em;line-height:1.1;font-weight:800}h2{font-size:1.6em;font-weight:700}h3{font-size:1.25em;font-weight:600}button{border-radius:var(--radius-sm);border:1px solid var(--border-default);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}button:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}button:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-deep);min-height:100vh;color:var(--text-primary);line-height:1.6;display:flex;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg);display:flex;flex-direction:column;align-items:center}header{text-align:center;margin-bottom:var(--space-2xl);color:var(--text-primary);width:100%}header h1{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-sm);letter-spacing:-.5px;background:linear-gradient(135deg,#ffffff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header p{font-size:1.1rem;color:var(--text-secondary);font-weight:400}.header-features{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap;width:100%}.feature-item{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .25s ease}.feature-item:hover{border-color:var(--accent);color:var(--text-primary);box-shadow:var(--shadow-glow)}.feature-icon{font-size:18px;color:var(--accent)}.feature-item span:last-child{font-size:14px;font-weight:500}main{background:var(--bg-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-subtle);width:100%}.form-container{padding:var(--space-2xl);width:100%}.form-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle);transition:border-color .3s ease;width:100%}.form-section:hover{border-bottom-color:var(--accent)}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:1.35rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--text-accent);letter-spacing:-.3px}.form-group{margin-bottom:var(--space-lg);width:100%}.form-group label{display:block;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary);font-size:.95rem}.form-group input[type=text]{width:100%;padding:12px var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius);font-size:15px;transition:all .25s ease;font-family:inherit;background:var(--bg-surface);color:var(--text-primary)}.form-group input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-elevated)}.form-group input[type=text]::placeholder{color:var(--text-muted)}.file-upload-wrapper{position:relative;width:100%}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border:2px dashed var(--border-default);border-radius:var(--radius);background:var(--bg-surface);transition:all .25s ease;cursor:pointer;position:relative;z-index:1;width:100%}.file-upload-area:hover{border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.file-upload-area:has(.file-input:focus){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.file-upload-area.selected{border-color:var(--success);border-style:solid;background:var(--success-soft)}.file-upload-area.selected:hover{border-color:var(--success);background:#22d3ee14}.upload-icon{font-size:24px;color:var(--accent)}.upload-text{font-weight:500;color:var(--text-primary);text-align:center;font-size:.95rem}.file-info{font-size:12px;color:var(--text-muted);text-align:center}.file-upload-area.special-upload{border:2px solid var(--border-accent);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.file-upload-area.special-upload:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px var(--accent-soft);background:#00e0ff0d}.file-upload-area.special-upload .upload-icon{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow));transform:scale(1.1);transition:transform .3s ease}.file-upload-area.special-upload:hover .upload-icon{transform:scale(1.2) rotate(-5deg)}.select-wrapper{position:relative;width:100%}.custom-select{width:100%;padding:12px var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius);font-size:15px;transition:all .25s ease;font-family:inherit;background:var(--bg-surface);appearance:none;cursor:pointer;color:var(--text-primary)}.custom-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-elevated)}.custom-select option{background:var(--bg-base);color:var(--text-primary)}.select-arrow{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--accent);font-size:12px;transition:transform .3s ease}.custom-select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.resolution-display{display:flex;align-items:center;gap:var(--space-md);width:100%}.resolution-badge{background:var(--accent);color:var(--bg-deep);padding:6px var(--space-md);border-radius:var(--radius);font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.resolution-note{color:var(--text-muted);font-size:14px}.skin-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-top:var(--space-sm);width:100%}.part-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius);cursor:pointer;transition:all .25s ease;background:var(--bg-surface)}.part-checkbox:hover{border-color:var(--accent);background:var(--bg-elevated);box-shadow:var(--shadow-glow)}.part-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.part-checkbox input[type=checkbox]:checked+.part-icon{transform:scale(1.15);color:var(--accent)}.part-icon{font-size:22px;transition:all .25s ease;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;padding:var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius);background:var(--bg-surface);transition:all .25s ease;color:var(--text-primary);width:100%}.checkbox-label:hover{border-color:var(--accent);background:var(--bg-elevated)}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.upload-area{border:2px dashed var(--border-default);border-radius:var(--radius);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all .25s ease;background:var(--bg-surface);box-shadow:var(--shadow-sm);width:100%}.upload-area:hover{border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.upload-area.dragover{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.upload-content p{font-size:16px;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.upload-hint{font-size:13px;color:var(--text-muted)}.preview-container{text-align:center;margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all .25s ease;width:100%}.preview-container:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.preview-container h3{margin-bottom:var(--space-md);color:var(--text-accent);font-weight:600}#skinPreview{max-width:100%;height:auto;border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-md)}.form-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);width:100%}.btn{padding:12px 24px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;font-family:inherit;box-shadow:var(--shadow-sm);letter-spacing:.2px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--bg-deep);font-weight:700;box-shadow:0 4px 14px var(--accent-soft)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent);box-shadow:var(--shadow-glow)}.btn-download{background:var(--success);color:var(--bg-deep);font-weight:700;box-shadow:0 4px 14px var(--success-soft)}.btn-download:hover{box-shadow:0 6px 20px #22d3ee59}.btn-icon{font-size:18px}.result-container{background:var(--bg-surface);padding:var(--space-lg);border-radius:var(--radius);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);transition:all .25s ease;width:100%}.result-container:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.result-container h2{text-align:center;color:var(--success);margin-bottom:var(--space-lg);font-size:1.6rem}.download-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);max-width:800px;margin:0 auto;width:100%}.download-item{text-align:center;padding:var(--space-lg);background:var(--bg-base);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:all .25s ease}.download-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.download-item h3{margin-bottom:var(--space-lg);color:var(--text-accent)}.instructions{text-align:left;color:var(--text-primary)}.instructions ol{padding-left:var(--space-lg)}.instructions li{margin-bottom:var(--space-sm);color:var(--text-secondary);line-height:1.7}.multi-skin-section{padding:var(--space-lg);background:var(--bg-surface);border-radius:var(--radius);margin-top:var(--space-lg);border:1px solid var(--border-subtle);width:100%}.multi-skin-section h2{text-align:center;margin-bottom:var(--space-lg);color:var(--text-accent)}.skin-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);width:100%}.skin-item{background:var(--bg-base);padding:var(--space-md);border-radius:var(--radius);border:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;width:100%;transition:border-color .25s ease}.skin-item:hover{border-color:var(--accent)}.skin-info{display:flex;align-items:center;gap:var(--space-sm)}.skin-preview-thumb{width:64px;height:64px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);object-fit:contain}.icon-preview{max-width:64px;max-height:64px;margin-top:var(--space-sm);border-radius:var(--radius-sm);display:none}.file-icon-upload-area.selected .icon-preview{display:block}.skin-details h4{margin:0;color:var(--text-primary);font-weight:600}.skin-details p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.btn-add-skin{background:var(--accent);color:var(--bg-deep);font-weight:700;width:100%;justify-content:center}.btn-remove-skin{background:var(--danger-soft);color:var(--danger);padding:8px 12px;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-sm);transition:all .25s ease}.btn-remove-skin:hover{background:#f43f5e33;border-color:var(--danger)}.uuid-display{background:var(--bg-surface);border:1px solid var(--border-accent);padding:var(--space-lg);border-radius:var(--radius);margin-bottom:var(--space-lg);width:100%}.uuid-info h4{color:var(--accent);margin-top:0;margin-bottom:var(--space-md);font-weight:600}.uuid-item{margin-bottom:var(--space-md)}.uuid-item strong{color:var(--text-primary);display:block;margin-bottom:var(--space-sm);font-weight:600}.uuid-code{color:var(--accent);background:var(--bg-deep);padding:12px;border-radius:var(--radius-sm);display:block;word-break:break-all;white-space:normal;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;border-left:3px solid var(--accent)}.btn-copy-uuid{background:var(--accent);color:var(--bg-deep);border:none;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:all .25s ease;margin-top:var(--space-sm)}.btn-copy-uuid:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.uuid-note{color:var(--text-muted);font-size:13px;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--accent-soft);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.usage-guide{background:var(--bg-base);color:var(--text-primary);padding:var(--space-2xl) var(--space-lg);margin-top:var(--space-2xl);border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%}.guide-container{max-width:1200px;margin:0 auto;width:100%}.guide-container h3{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--text-accent);letter-spacing:-.3px}.guide-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);width:100%}.guide-section{background:var(--bg-surface);padding:var(--space-lg);border-radius:var(--radius);border:1px solid var(--border-subtle);transition:border-color .25s ease}.guide-section:hover{border-color:var(--accent)}.guide-section h4{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-accent)}.guide-section ul{list-style:none;padding:0}.guide-section li{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);font-size:14px;line-height:1.6;color:var(--text-secondary)}.guide-section li:last-child{border-bottom:none}.guide-section li:before{content:"›";color:var(--accent);font-weight:700;margin-right:var(--space-sm);font-size:16px}@media(max-width:768px){.container{padding:var(--space-md)}header h1{font-size:1.8rem}.form-container{padding:var(--space-lg)}.skin-parts{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column;gap:var(--space-sm)}.download-section{grid-template-columns:1fr;gap:var(--space-lg)}.upload-area{padding:var(--space-md)}.header-features{gap:var(--space-sm)}.guide-sections{grid-template-columns:1fr;gap:var(--space-lg)}.resolution-display{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.skin-item{flex-direction:column;gap:var(--space-md);align-items:flex-start}.skin-info{width:100%}.btn{width:100%;justify-content:center}}@media(max-width:480px){.skin-parts{grid-template-columns:1fr}.resolution-display{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.guide-sections{grid-template-columns:1fr;gap:var(--space-md)}.guide-container h3{font-size:1.3rem}.header-features{gap:6px}.feature-item{padding:6px 12px;font-size:12px}.file-upload-area{padding:var(--space-md)}.upload-text{font-size:12px}.file-info{font-size:10px}.custom-select{font-size:14px;padding:10px 14px}.form-section h2{font-size:1.15rem}.btn{padding:10px 16px;font-size:14px}}@media(min-width:1024px){.container{padding:var(--space-2xl) var(--space-lg)}header h1{font-size:2.8rem}header p{font-size:1.2rem}.form-container{padding:var(--space-2xl) 56px}.skin-parts{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}#skinPreview{max-width:512px;margin:0 auto}.form-actions{gap:var(--space-lg)}.btn{padding:14px 28px;font-size:16px}.download-section{gap:var(--space-2xl)}.download-item{padding:var(--space-lg)}.guide-sections{grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}}@media(min-width:1440px){.container{max-width:1400px;padding:56px var(--space-2xl)}header h1{font-size:3.2rem}.form-container{padding:56px 64px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:5px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.success-animation{animation:successPulse .5s ease-in-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.resolution-select{width:100%;padding:12px var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius);font-size:15px;transition:all .25s ease;font-family:inherit;background:var(--bg-surface);color:var(--text-primary)}.resolution-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-elevated)}.license-button{position:fixed;bottom:var(--space-lg);right:var(--space-lg);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default);padding:10px var(--space-md);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all .25s ease;z-index:999}.license-button:hover{background:var(--accent);color:var(--bg-deep);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-base);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-default);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.modal-header h2{margin:0;color:var(--text-accent);font-size:1.25rem;font-weight:700}.modal-close{background:var(--danger-soft);color:var(--danger);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f43f5e40;transform:rotate(90deg)}.modal-body{padding:var(--space-lg);overflow-y:auto;max-height:calc(90vh - 200px);color:var(--text-primary)}.modal-body section{margin-bottom:var(--space-lg)}.modal-body h3{color:var(--text-accent);font-size:1.1rem;margin-bottom:var(--space-sm);border-left:3px solid var(--accent);padding-left:var(--space-sm)}.modal-body p{line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-sm)}.modal-body ul{list-style:none;padding-left:0}.modal-body li{padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative;line-height:1.6;color:var(--text-secondary)}.modal-body li:before{position:absolute;left:0;color:var(--accent)}.modal-body strong{color:var(--text-accent)}.modal-footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);text-align:center}.modal-footer small{color:var(--text-muted);line-height:1.6}.modal-actions{padding:var(--space-lg)}.skin-cropper-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-lg)}.skin-cropper-modal{background:var(--bg-base);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-default)}.skin-cropper-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.skin-cropper-header h2{color:var(--text-accent);font-size:1.5rem;margin:0;display:flex;align-items:center;gap:var(--space-sm);font-weight:700}.close-button{background:var(--danger-soft);border:1px solid rgba(244,63,94,.25);color:var(--danger);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f43f5e33;transform:scale(1.1)}.skin-cropper-content{padding:var(--space-lg)}.cropper-section{margin-bottom:var(--space-lg)}.cropper-section h3{color:var(--text-accent);margin-bottom:var(--space-md);font-size:1.15rem;font-weight:600}.cropper-note{color:var(--text-muted);font-size:14px;margin-bottom:var(--space-md)}.part-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.part-label{color:var(--text-primary);font-weight:500}.cropped-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.preview-size{color:var(--text-muted);font-size:14px;margin:0}.cropper-actions{display:flex;justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.header-top{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:var(--space-sm)}.btn-cropper{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--warning);color:var(--bg-deep);border:none;padding:10px var(--space-lg);border-radius:var(--radius);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:all .25s ease;box-shadow:0 4px 14px var(--warning-soft)}.btn-cropper:hover{box-shadow:0 6px 20px #fbbf2459;transform:translateY(calc(-50% - 2px))}@media(max-width:768px){.skin-cropper-modal{max-width:95%;margin:var(--space-sm)}.skin-cropper-header,.skin-cropper-content{padding:var(--space-md)}.part-selector-grid{grid-template-columns:repeat(2,1fr)}.header-top{flex-direction:column;gap:var(--space-md)}.btn-cropper{position:static;transform:none}.btn-cropper:hover{transform:translateY(-2px)}}.upload-section-glass{background:var(--bg-surface);padding:var(--space-lg);border-radius:var(--radius);margin-bottom:var(--space-lg);border:1px solid var(--border-subtle)}.section-title-small{font-size:1.05rem;font-weight:700;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:768px){.upload-grid{grid-template-columns:1fr}}.label-small{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm);display:block}.custom-file-wrapper{position:relative;width:100%}.custom-file-label{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid var(--border-subtle)}.custom-file-label:hover{background:var(--bg-card);border-color:var(--accent)}.custom-file-label.disabled{opacity:.4;cursor:not-allowed;background:var(--bg-surface)}.file-name{font-size:.9rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%}.icon-purple{color:var(--accent)}.control-actions{margin-top:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.btn-toggle-3d{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.btn-toggle-3d.active{background:var(--accent);color:var(--bg-deep);border-color:var(--accent)}.btn-toggle-3d:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent)}.btn-play-toggle{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:var(--space-sm);background:var(--success);color:var(--bg-deep);border:none;cursor:pointer;transition:all .2s ease}.btn-play-toggle:hover{opacity:.9;box-shadow:0 4px 14px #22d3ee4d}.upload-card{border:2px dashed var(--border-default);border-radius:var(--radius);padding:var(--space-lg);text-align:center;cursor:pointer;background:var(--bg-surface);transition:all .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:150px}.upload-card:hover{border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.upload-card.disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-subtle);background:var(--bg-deep)}.upload-card.disabled:hover{transform:none;background:var(--bg-deep);box-shadow:none}.upload-icon-small{color:var(--accent);margin-bottom:var(--space-sm)}.upload-label{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.95rem}.file-name-display{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 var(--space-sm)}.centered-actions{justify-content:center}