/* =====================================================================
   ai-upscaler-dark.css — Giao diện TỐI (bảng màu Blender) cho AI Upscaler
   Bật bằng class "up-dark" trên <html> (công tắc Sáng / Tối trên trang).
   Phần 1 sinh tự động từ màu đang dùng trong ai-upscaler.php, phần 2 tinh chỉnh tay.
   ===================================================================== */
html.up-dark{
  color-scheme:dark;
  --p:#4772B3;--p-h:#5B86C6;--p-l:rgba(71,114,179,.18);--p-m:#4772B3;
  --bg:#1D1D1D;--white:#303030;
  --border:#474747;--border-l:#3A3A3A;
  --t1:#E5E5E5;--t2:#B8B8B8;--t3:#8F8F8F;
  /* biến của thanh header dùng chung (_header.php) */
  --text-1:#E5E5E5;--text-2:#B8B8B8;--text-3:#8F8F8F;
  --bd-1:#3A3A3A;--bd-2:#333333;--bg-app:#1D1D1D;--bg-card:#2B2B2B;
  --p-bg:rgba(234,88,12,.14);--p-bd:rgba(234,88,12,.42);
}
/* header giữ màu cam thương hiệu GetLink */
html.up-dark .gh-nav,html.up-dark .gh-tabbar,html.up-dark .gh-drawer,html.up-dark .gh-dd-menu,html.up-dark .gh-menu{--p:#F97316;--p-d:#EA580C;--p-l:rgba(234,88,12,.24)}


/* ── 1a. Quy tắc CSS của trang ── */
html.up-dark .up-uptbox{background:linear-gradient(135deg,#222A44,#303030);border:1px solid #374476;color:#A7A5DF}
html.up-dark .up-uptbox-t{color:#A5A0E3}
html.up-dark .up-uptbox-c{background:#303030;border:1px solid #374676}
html.up-dark .up-uptbox-v{color:#A9A5DF}
html.up-dark .up-tour-card{background:#303030;color:#BFCBE3}
html.up-dark .up-tour-d{color:#AEB6C1}
html.up-dark .up-tour-a .no{color:#B8B8B8}
html.up-dark .up-theme-sw{background:#303030}
html.up-dark .up-theme-sw button{color:#B8B8B8}
html.up-dark .up-theme-sw button.on{background:#303030;color:#BFCBE3}
html.up-dark .sb{background:#303030}
html.up-dark .lbl{color:#B8B8B8:.8px}
html.up-dark .up-etab:hover{background:#303030}
html.up-dark #upEngClaid:hover .up-etab-name{color:#97ABED}
html.up-dark #upEngDreamina:hover .up-etab-name{color:#9CE7BA}
html.up-dark #upEngUpt:hover .up-etab-name{color:#A5A0E3}
html.up-dark .up-etab-4k{background:#222A44;color:#A49EE5}
html.up-dark #upEngKlein.active .up-etab-4k{background:#3D64A0!important}
html.up-dark .up-etab-icon{background:#303030}
html.up-dark .up-etab-speed{background:#303030}
html.up-dark .up-etab.active .up-etab-speed{color:#7FA3DB}
html.up-dark .up-etab-bar{background:#3A3A3A}
html.up-dark .up-etab-bar.fill{background:#4772B3}
html.up-dark .up-etab-dots i{background:#3A3A3A}
html.up-dark .up-etab-premium .up-etab-icon,
html.up-dark .up-etab-premium.active .up-etab-icon{background:linear-gradient(135deg,#443D22,#F59E0B)}
html.up-dark .up-etab-premium.active .up-etab-name{color:#B999EB}
html.up-dark .up-etab-premium .up-etab-sub{color:#B8B8B8}
html.up-dark .up-etab-premium .up-etab-speed{color:#B8B8B8}
html.up-dark .up-etab-elite.active .up-etab-name{color:#A7A5DF}
html.up-dark #upEngClaid.active .up-etab-name{color:#9AAFE9}
html.up-dark #upEngDreamina.active .up-etab-name{color:#9CE7BA}
html.up-dark #upEngDrm2.active .up-etab-name{color:#9DE7E2}
html.up-dark #upEngKlein.active{border-color:#4772B3}
html.up-dark #upEngKlein.active .up-etab-name{color:#ED97B1}
html.up-dark .up-etab-elite.active .up-etab-crowns{color:#A49EE5}
html.up-dark .up-scale-grid{background:#303030}
html.up-dark .up-scale-btn{color:#B8B8B8}
html.up-dark .up-scale-btn.active{background:#303030}
html.up-dark .up-opt:hover{background:#303030}
html.up-dark .up-opt.active{color:#E5E5E5}
html.up-dark .up-opt-tgl{background:#3A3A3A}
html.up-dark .up-opt-tgl::after{background:#303030}
html.up-dark .up-vechint{background:linear-gradient(135deg,#222A44,#303030);border:1px solid #374476}
html.up-dark .up-bigwarn{background:#443D22;border:1px solid #766737}
html.up-dark .up-bigwarn .t{color:#EDAB82}
html.up-dark .up-bigwarn .d{color:#EDB082}
html.up-dark .up-bigwarn .a button.sec{background:#303030;color:#EDAB82;border:1px solid #766737}
html.up-dark .up-vechint-t{color:#A5A0E3}
html.up-dark .up-vechint-d{color:#A49EE5}
html.up-dark .up-vechint-no{border:1px solid #374476;color:#A49EE5;background:#303030}
html.up-dark .upq{border:1.5px solid #474747;background:#303030}
html.up-dark .upq:hover{border-color:#374476;background:#303030}
html.up-dark .upq.active{background:#222A44}
html.up-dark .upq-rad{border:2px solid #495565;background:#303030}
html.up-dark .upq-t{color:#A9A5DF}
html.up-dark .upq-tag{color:#A49EE5;background:#273153}
html.up-dark .upq-p{color:#A5A0E3}
html.up-dark .up-opt-recover .up-opt-inner span{color:#EDAC97}
html.up-dark .up-opt-recover.active .up-opt-inner span{color:#EDAD97}
html.up-dark .up-opt-wonder3 .up-opt-inner span{color:#B897EC}
html.up-dark .up-opt-wonder3.active .up-opt-inner span{color:#B999EB}
html.up-dark .up-tg-tabs{background:#303030}
html.up-dark .up-tg-tab{color:#B8B8B8}
html.up-dark .up-tg-tab.active{background:#303030;color:#E5E5E5}
html.up-dark #upTGTbloom.active{color:#ED97BB}
html.up-dark #upTGTgiga.active{color:#82C7ED}
html.up-dark .up-tg-gen{background:#303030;border:1px solid #474747}
html.up-dark .up-tg-prompt{border:1px solid #474747;background:#303030}
html.up-dark .up-opt-new-badge-bl{background:linear-gradient(90deg,#EC4899,#4772B3) !important}
html.up-dark .up-opt-bloom .up-opt-inner span{color:#ED97B9}
html.up-dark .up-slider-val{background:#303030}
html.up-dark .up-range{background:#303030}
html.up-dark .up-range::-webkit-slider-thumb{border:2px solid #474747}
html.up-dark .up-range::-moz-range-thumb{border:2px solid #474747}
html.up-dark .up-prompt{background:#303030}
html.up-dark .up-prompt:focus{background:#303030}
html.up-dark .up-info{background:#303030}
html.up-dark .up-badge-eng.claid{background:#273A53;color:#829EED}
html.up-dark .up-badge-eng.magnific{background:#302753;color:#B897ED}
html.up-dark .up-badge-eng.creative{background:#224433;color:#97EDD5}
html.up-dark .up-badge-eng.topaz{background:#443D22;color:#EDAB82}
html.up-dark .up-badge-eng.dreamina{background:#22442E;color:#84EBAB}
html.up-dark .up-badge-eng.drm2{background:#22443D;color:#82EDE5}
html.up-dark #upEngDrm2:hover .up-etab-name{color:#86E9E3}
html.up-dark .up-badge-eng.upt{background:#273153;color:#A5A0E3}
html.up-dark .up-badge-eng.klein{background:#273953;color:#7FA3DB}
html.up-dark .up-kout{border:1.5px solid var(--bd,#474747);background:#303030}
html.up-dark .up-kout .ko-dim{color:var(--t2,#B6BFCE)}
html.up-dark .up-kout .ko-price{color:#7FA3DB}
html.up-dark .up-kout.active{border-color:#4772B3;background:#223044}
html.up-dark .up-kout.active b{color:#7FA3DB}
html.up-dark .sb-actions{background:#303030}
html.up-dark .up-btn-go:disabled{background:#3A3A3A}
html.up-dark .up-btn-dl:hover{background:#303030}
html.up-dark .up-btn-reup{background:#303030}
html.up-dark .up-btn-reup:hover{background:#222A44;border-color:#374476;color:#A49EE5}
html.up-dark .up-btn-new{color:#E5E5E5}
html.up-dark #upHeroOverlay{background:#303030}
html.up-dark .up-title-zone{background:#303030}
html.up-dark .up-tz-eline{background:#323C49}
html.up-dark .up-lk.pri{color:#E5E5E5}
html.up-dark .up-lk.sec{color:#E5E5E5}
html.up-dark .up-cmp-mini{color:#3D64A0}
html.up-dark .seo-ov{background:#303030}
html.up-dark .seo-ov-back:hover{background:#3D64A0}
html.up-dark .up-ph{background:#303030}
html.up-dark .up-pb{background:#303030}
html.up-dark .up-idle-icon{background:#303030}
html.up-dark .up-sum{background:#303030}
html.up-dark .up-sum-hd{background:#303030}
html.up-dark .up-sum-ft{background:#303030}
html.up-dark .up-dropzone{background:#303030}
html.up-dark .zc-topbar{border-bottom:1px solid rgba(48,48,48,.06)}
html.up-dark .zc-badge.gray{background:rgba(48,48,48,.1)}
html.up-dark .zc-close{background:rgba(48,48,48,.07);border:1px solid rgba(48,48,48,.1)}
html.up-dark .zc-close:hover{background:rgba(48,48,48,.18)}
html.up-dark .zc-divider{background:rgba(48,48,48,.85)}
html.up-dark .zc-handle{background:#303030}
html.up-dark .zc-zoom-bar{border:1px solid rgba(48,48,48,.1)}
html.up-dark .zc-zoom-btn2{background:rgba(48,48,48,.1)}
html.up-dark .zc-zoom-btn2:hover{background:rgba(48,48,48,.25)}
html.up-dark .zc-zoom-reset:hover{background:rgba(48,48,48,.12)}
html.up-dark .hp{background:#303030}
html.up-dark .hp-count{background:#3A3A3A}
html.up-dark .hp-empty-ico{background:#303030}
html.up-dark .hp-thumb{background:#3A3A3A}
html.up-dark .hp-clear:hover{background:#273953;color:#EB8484;border-color:#375076}
@media(max-width:720px){html.up-dark .sb-actions{background:#303030}}
html.up-dark #upClaidWarn .ucw-card{background:#303030;border:2px solid #375076}
html.up-dark #upClaidWarn .ucw-head-title{color:#BFCBE3}
html.up-dark #upClaidWarn .ucw-close{background:#303030;color:#B8B8B8}
html.up-dark #upClaidWarn .ucw-bignum{color:#EB8484}
html.up-dark #upClaidWarn .ucw-body-txt{color:#AEB6C1}
html.up-dark #upClaidWarn .ucw-body-txt strong{color:#BFCBE3}
html.up-dark #upClaidWarn .ucw-body-txt.tip{color:#B8B8B8}
html.up-dark .tmg-box{background:#303030}
html.up-dark .tmg-head{border-bottom:1px solid #474747}
html.up-dark .tmg-title{color:#E5E5E5}
html.up-dark .tmg-sub{color:#B8B8B8}
html.up-dark .tmg-x:hover{background:#303030;color:#E5E5E5}
html.up-dark .tmg-quick{border:1px solid #474747}
html.up-dark .tmg-qh{color:#B8B8B8;background:#303030}
html.up-dark .tmg-quick button{border-top:1px solid #474747;background:#303030;color:#B6BFCE}
html.up-dark .tmg-quick button:hover{background:#303030}
html.up-dark .tmg-quick b{color:#E5E5E5}
html.up-dark .tmg-item{border:1px solid #474747}
html.up-dark .tmg-item.cur{border-color:#374476;background:#303030}
html.up-dark .tmg-name{color:#E5E5E5}
html.up-dark .tmg-tag{color:#B6BFCE;background:#303030}
html.up-dark .tmg-max{color:#B8B8B8}
html.up-dark .tmg-item p{color:#B6BFCE}
html.up-dark .tmg-item li{color:#AEB6C1}
html.up-dark .tmg-item b{color:#E5E5E5}
html.up-dark .tmg-use{border:1px solid #474747;background:#303030;color:#E5E5E5}
html.up-dark .tmg-use:hover{color:#8882ED}
html.up-dark #upBatch{background:#303030}
html.up-dark .ub-btn{background:#303030}
html.up-dark .ub-card{background:#303030}
html.up-dark .ub-card.done{border-color:#37764D}
html.up-dark .ub-card.error{border-color:#375076}
html.up-dark .ub-im{background:#303030}
html.up-dark .ub-ov{background:rgba(48,48,48,.72)}
html.up-dark .ub-ov.wait{background:rgba(48,48,48,.55)}
html.up-dark .ub-ov.err{background:rgba(48,48,48,.85);color:#EB8484}
html.up-dark .ub-spin{border:2.5px solid #474747}
html.up-dark .ub-bar{background:#3A3A3A}
html.up-dark .ub-e{color:#EB8484}
html.up-dark .ub-a button{background:#303030}

/* ── 1b. Style inline ── */
html.up-dark [style*="background:#CCFBF1" i],
html.up-dark [style*="background: #CCFBF1" i],
html.up-dark [style*="background: rgb(204, 251, 241)"]{background:#22443D !important}
html.up-dark [style*="background:#DBEAFE" i],
html.up-dark [style*="background: #DBEAFE" i],
html.up-dark [style*="background: rgb(219, 234, 254)"]{background:#273A53 !important}
html.up-dark [style*="background:#DCFCE7" i],
html.up-dark [style*="background: #DCFCE7" i],
html.up-dark [style*="background: rgb(220, 252, 231)"]{background:#22442E !important}
html.up-dark [style*="background:#E0E7FF" i],
html.up-dark [style*="background: #E0E7FF" i],
html.up-dark [style*="background: rgb(224, 231, 255)"]{background:#273153 !important}
html.up-dark [style*="background:#F0FDFA" i],
html.up-dark [style*="background: #F0FDFA" i],
html.up-dark [style*="background: rgb(240, 253, 250)"]{background:#303030 !important}
html.up-dark [style*="background:#F43F5E" i],
html.up-dark [style*="background: #F43F5E" i],
html.up-dark [style*="background: rgb(244, 63, 94)"]{background:#4772B3 !important}
html.up-dark [style*="background:#F8F9FB" i],
html.up-dark [style*="background: #F8F9FB" i],
html.up-dark [style*="background: rgb(248, 249, 251)"]{background:#303030 !important}
html.up-dark [style*="background:#FFE4E6" i],
html.up-dark [style*="background: #FFE4E6" i],
html.up-dark [style*="background: rgb(255, 228, 230)"]{background:#273953 !important}
html.up-dark [style*="background:#FFF1F2" i],
html.up-dark [style*="background: #FFF1F2" i],
html.up-dark [style*="background: rgb(255, 241, 242)"]{background:#223044 !important}
html.up-dark [style*="background:#fff" i],
html.up-dark [style*="background: #fff" i],
html.up-dark [style*="background: rgb(255, 255, 255)"]{background:#303030 !important}
html.up-dark [style*="background:#ffffff" i],
html.up-dark [style*="background: #ffffff" i],
html.up-dark [style*="background: rgb(255, 255, 255)"]{background:#303030 !important}
html.up-dark [style*="border:#99F6E4" i],
html.up-dark [style*="border: #99F6E4" i],
html.up-dark [style*="border: rgb(153, 246, 228)"]{border-color:#37766A !important}
html.up-dark [style*="border:#FECDD3" i],
html.up-dark [style*="border: #FECDD3" i],
html.up-dark [style*="border: rgb(254, 205, 211)"]{border-color:#375076 !important}
html.up-dark [style*="border:#e5e5e5" i],
html.up-dark [style*="border: #e5e5e5" i],
html.up-dark [style*="border: rgb(229, 229, 229)"]{border-color:#474747 !important}
html.up-dark [style*="border-top:#E5E7EB" i],
html.up-dark [style*="border-top: #E5E7EB" i],
html.up-dark [style*="border-top: rgb(229, 231, 235)"]{border-color:#474747 !important}
html.up-dark [style*="color:#000000" i],
html.up-dark [style*="color: #000000" i],
html.up-dark [style*="color: rgb(0, 0, 0)"]{color:#E5E5E5 !important}
html.up-dark [style*="color:#0F172A" i],
html.up-dark [style*="color: #0F172A" i],
html.up-dark [style*="color: rgb(15, 23, 42)"]{color:#BBC8E7 !important}
html.up-dark [style*="color:#0F766E" i],
html.up-dark [style*="color: #0F766E" i],
html.up-dark [style*="color: rgb(15, 118, 110)"]{color:#82EDE5 !important}
html.up-dark [style*="color:#111827" i],
html.up-dark [style*="color: #111827" i],
html.up-dark [style*="color: rgb(17, 24, 39)"]{color:#BFCBE3 !important}
html.up-dark [style*="color:#115E59" i],
html.up-dark [style*="color: #115E59" i],
html.up-dark [style*="color: rgb(17, 94, 89)"]{color:#86E9E3 !important}
html.up-dark [style*="color:#303235" i],
html.up-dark [style*="color: #303235" i],
html.up-dark [style*="color: rgb(48, 50, 53)"]{color:#D6D6D6 !important}
html.up-dark [style*="color:#404040" i],
html.up-dark [style*="color: #404040" i],
html.up-dark [style*="color: rgb(64, 64, 64)"]{color:#D6D6D6 !important}
html.up-dark [style*="color:#4C0519" i],
html.up-dark [style*="color: #4C0519" i],
html.up-dark [style*="color: rgb(76, 5, 25)"]{color:#D6E2F5 !important}
html.up-dark [style*="color:#505151" i],
html.up-dark [style*="color: #505151" i],
html.up-dark [style*="color: rgb(80, 81, 81)"]{color:#B8B8B8 !important}
html.up-dark [style*="color:#9F1239" i],
html.up-dark [style*="color: #9F1239" i],
html.up-dark [style*="color: rgb(159, 18, 57)"]{color:#A9C2EA !important}
html.up-dark [style*="color:#BE123C" i],
html.up-dark [style*="color: #BE123C" i],
html.up-dark [style*="color: rgb(190, 18, 60)"]{color:#7FA3DB !important}
html.up-dark [style*="color:#DC2626" i],
html.up-dark [style*="color: #DC2626" i],
html.up-dark [style*="color: rgb(220, 38, 38)"]{color:#EB8484 !important}
html.up-dark [style*="color:#E11D48" i],
html.up-dark [style*="color: #E11D48" i],
html.up-dark [style*="color: rgb(225, 29, 72)"]{color:#3D64A0 !important}

/* ── 2. Tinh chỉnh tay ── */
html.up-dark body{background:#1D1D1D;color:#E5E5E5}
html.up-dark ::selection{background:#4772B3;color:#fff}
html.up-dark *{scrollbar-color:#545454 transparent}
html.up-dark input:not([type=range]):not([type=checkbox]):not([type=radio]),html.up-dark select,html.up-dark textarea{background:#282828;color:#E5E5E5;border-color:#474747}
html.up-dark input::placeholder,html.up-dark textarea::placeholder{color:#7A7A7A}
/* công tắc */
html.up-dark .up-theme{border-bottom-color:#3A3A3A}
html.up-dark .up-theme-sw{background:#282828}
html.up-dark .up-theme-sw button{color:#A3A3A3}
html.up-dark .up-theme-sw button.on{background:#4772B3;color:#fff;box-shadow:none}

/* khung kiểu Blender: các vùng tách nhau bằng rãnh tối, khung xem sáng hơn một bậc + lưới mờ */
html.up-dark .editor{background:#161616;gap:2px}
html.up-dark .sb,html.up-dark .hp{background:#303030;box-shadow:none}
html.up-dark .canvas{background-color:#3A3A3A;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}
html.up-dark input[type=range]{color-scheme:dark;background:transparent}
html.up-dark .up-range{background:#545454}
html.up-dark .up-range::-webkit-slider-thumb{border-color:#303030;box-shadow:none}
/* khung GỐC / KẾT QUẢ = viewport sáng hơn một bậc, có lưới mờ */
html.up-dark .up-panel{background-color:#3A3A3A;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}
html.up-dark .up-ph{background:#303030;color:#C8C8C8}
/* nút chọn kiểu Blender: đang bật = xanh #4772B3 */
html.up-dark .up-scale-grid{background:#282828}
html.up-dark .up-scale-btn{color:#C8C8C8}
html.up-dark .up-scale-btn.active{background:#4772B3;color:#fff;box-shadow:none}
html.up-dark .up-kout{background:#3A3A3A;border-color:#474747}
html.up-dark .up-kout:hover{border-color:#6A8CC4}
html.up-dark .up-kout.active{background:#334D80;border-color:#4772B3}
html.up-dark .up-kout.active b{color:#fff}
html.up-dark .up-kout .ko-price{color:#9DB9E6}
html.up-dark .up-opt-tgl{background:#545454}
html.up-dark .up-opt-tgl::after{background:#E5E5E5;box-shadow:none}
html.up-dark .up-opt.active .up-opt-tgl{background:#4772B3}
html.up-dark .up-opt.active .up-opt-tgl::after{background:#fff}
html.up-dark .up-pb{background:transparent}
html.up-dark .panels{gap:2px;background:#161616}
/* thanh trượt gốc của trình duyệt (DRM, DRM 2…) */
html.up-dark input[type=range]:not(.up-range){-webkit-appearance:none;appearance:none;height:16px;background:linear-gradient(#545454,#545454) center/100% 6px no-repeat;border-radius:3px;outline:none}
html.up-dark input[type=range]:not(.up-range)::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#4772B3;border:2px solid #E5E5E5;cursor:pointer}
html.up-dark input[type=range]:not(.up-range)::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#4772B3;border:2px solid #E5E5E5}
html.up-dark input[type=range]:not(.up-range)::-moz-range-progress{background:#4772B3;height:6px;border-radius:3px}
/* Topaz: icon cam như giao diện sáng (thắng quy tắc chung .up-etab-icon) */
html.up-dark .up-etab-premium .up-etab-icon,html.up-dark .up-etab-premium.active .up-etab-icon{background:linear-gradient(135deg,#FCD34D,#F59E0B);color:#fff;box-shadow:0 2px 6px rgba(245,158,11,.25)}
html.up-dark .up-etab-premium.active{border-color:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
html.up-dark .up-etab-premium.active .up-etab-name{color:#FCD34D}
/* web tour trên nền tối */
html.up-dark .up-tour-card{background:#3A3A3A;color:#E5E5E5;box-shadow:0 12px 40px rgba(0,0,0,.6);border:1px solid #4A4A4A}
html.up-dark .up-tour-d{color:#C8C8C8}
html.up-dark .up-tour-a .go{background:#4772B3}
html.up-dark .up-tour-a .no{color:#A3A3A3}
html.up-dark .up-tour-spot{box-shadow:0 0 0 9999px rgba(0,0,0,.6)}