.uh-hero{width:100vw;margin-left:-50vw;left:50%;position:relative;padding:72px 0;background:linear-gradient(180deg,#1B252F 0%, #0F1720 100%);font-family:Arial,Helvetica,sans-serif}
.uh-container{max-width:1040px;margin:0 auto;padding:0 20px;color:#FBFBFB}
.uh-header{margin-bottom:24px}
.uh-pill{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;margin-bottom:16px}
.uh-title{margin:0 0 12px 0;color:#F7A2CE !important;font-size:42px;line-height:1.1;font-weight:800}
.uh-subtitle{margin:0;opacity:.9;font-size:16px}
.uh-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.uh-topbar{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}
.uh-tabs{display:flex;gap:12px;flex:1 1 520px;flex-wrap:wrap}
.uh-tab{flex:1 1 150px;padding:14px;background:#24313D;color:#FBFBFB;border:none;border-radius:14px;cursor:pointer;font-weight:700;transition:.2s ease}
.uh-tab:hover{transform:translateY(-1px)}
.uh-tab.active{background:#F7A2CE;color:#000}
.uh-lang-wrap{min-width:200px}
.uh-lang-label{display:block;font-size:13px;opacity:.85;margin-bottom:8px}
.uh-lang-select{width:100%;padding:14px;border:none;border-radius:14px;background:#24313D;color:#FBFBFB}
.uh-mode{display:none}
.uh-mode.active{display:block}
.uh-textarea{width:100%;min-height:170px;border:none;border-radius:16px;padding:18px;font-size:16px;box-sizing:border-box;resize:vertical;background:#FBFBFB;color:#000}
.uh-secondary-btn,.uh-upload-btn{display:block;width:100%;text-align:center;padding:16px;background:#24313D;color:#FBFBFB;border:none;border-radius:14px;cursor:pointer;font-weight:700;text-decoration:none;box-sizing:border-box}
.uh-secondary-btn:hover,.uh-upload-btn:hover{background:#F7A2CE;color:#000}
.uh-status,.uh-file-name{margin-top:10px;font-size:14px;opacity:.8}
.uh-preview{display:none;width:100%;max-height:320px;object-fit:cover;border-radius:16px;margin-top:12px}
.uh-generate{width:100%;margin-top:18px;padding:18px;background:#F7A2CE;color:#000;border:none;border-radius:16px;cursor:pointer;font-weight:800;font-size:17px;box-shadow:0 10px 25px rgba(247,162,206,.25)}
.uh-result{margin-top:18px}
.uh-card{background:#24313D;padding:18px;margin-top:12px;border-radius:16px;line-height:1.65}
.uh-loading,.uh-error{margin-top:12px;padding:16px;border-radius:16px;background:#24313D}
@media (max-width:767px){.uh-hero{padding:48px 0}.uh-title{font-size:32px}.uh-panel{padding:16px}.uh-tabs{flex-direction:column}.uh-topbar{align-items:stretch}.uh-lang-wrap{width:100%}}