:root{--roblox-blue: #0077E6;--roblox-dark: #1e293b;--page-bg: #e8f1fb}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.yroblox-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#dbeafe,#f0f4ff 60%,#fff)}.yroblox-hero{text-align:center;padding:48px 24px 32px}.yroblox-hero-title{font-size:56px;font-weight:900;margin:0 0 12px;line-height:1.1}.yroblox-yo{color:#1e293b}.yroblox-roblox{color:var(--roblox-blue)}.yroblox-hero-sub{color:#475569;font-size:16px;margin:0}.yroblox-main{flex:1;display:flex;justify-content:center;padding:0 16px 32px}.yroblox-card{background:#fff;border-radius:16px;padding:28px 24px 24px;width:100%;max-width:700px;box-shadow:0 1px 4px #00000014}.yroblox-card-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.yroblox-card-desc{color:#64748b;font-size:14px;margin:0 0 20px;line-height:1.5}.yroblox-tabs{display:flex;gap:8px;margin-bottom:16px}.yroblox-tab{border:1px solid #d1d5db;background:transparent;border-radius:8px;padding:7px 18px;font-size:14px;cursor:pointer;color:#374151;font-weight:500;transition:all .15s}.yroblox-tab:disabled{opacity:.7;cursor:not-allowed}.yroblox-tab-active{background:#1e293b;color:#fff;border-color:#1e293b;cursor:default}.yroblox-tab-outline{background:#fff}.yroblox-dropzone{border:1.5px solid #e5e7eb;border-radius:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:16px;padding:24px;background:#fafafa}.yroblox-dropzone:hover,.yroblox-dropzone--drag{border-color:var(--roblox-blue);background:#eff6ff}.yroblox-upload-icon{width:48px;height:48px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.yroblox-drop-primary{color:#374151;font-size:15px;font-weight:500;margin:0 0 4px}.yroblox-drop-secondary{color:#6b7280;font-size:13px;margin:0}.yroblox-preview-img{max-height:220px;max-width:100%;border-radius:8px;object-fit:contain}.yroblox-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.yroblox-actions-right{display:flex;gap:8px;flex-wrap:wrap}.yroblox-btn-clear.ant-btn{border-color:#d1d5db;color:#374151}.yroblox-btn-generate.ant-btn{background:#6b7280;border-color:#6b7280;color:#fff}.yroblox-btn-generate.ant-btn:not(:disabled):hover{background:#4b5563;border-color:#4b5563}.yroblox-btn-generate.ant-btn:disabled{opacity:.6}.yroblox-btn-download.ant-btn{border-color:#d1d5db;color:#374151}.yroblox-result{margin-top:24px;text-align:center}.yroblox-result-label{font-weight:600;color:#1e293b;margin-bottom:12px;font-size:16px}.yroblox-result-img{max-width:400px;width:100%;border-radius:12px;border:2px solid #e5e7eb;display:block;margin:0 auto}.yroblox-footer{text-align:center;padding:24px 16px;color:#64748b;font-size:13px}.yroblox-footer p{margin:0 0 4px}.yroblox-footer a{color:var(--roblox-blue);text-decoration:none}.yroblox-footer a:hover{text-decoration:underline}