
:root{
  --ds-bg:#070a12;--ds-bg2:#0a0f1a;--ds-panel:#0d1422;--ds-panel2:#111a2b;
  --ds-line:rgba(151,164,194,.15);--ds-line2:rgba(151,164,194,.24);
  --ds-text:#f5f7ff;--ds-muted:#8f9bb2;--ds-soft:#68758e;
  --ds-purple:#8b7cff;--ds-cyan:#5ed4ff;--ds-mint:#4be0bc;--ds-amber:#ffc96f;
  --ds-danger:#ff8d9d;--ds-radius:22px;--ds-shadow:0 24px 70px rgba(0,0,0,.30);
}
html{color-scheme:dark}
body{background:
  radial-gradient(900px 520px at 90% -10%,rgba(139,124,255,.15),transparent 62%),
  radial-gradient(740px 460px at -10% 42%,rgba(70,219,187,.08),transparent 64%),
  linear-gradient(180deg,#070a12 0%,#080c15 48%,#070a12 100%)!important;color:var(--ds-text)}
body:before{opacity:.38;background-size:42px 42px!important;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.35) 58%,transparent 95%)!important}
::selection{background:rgba(139,124,255,.35);color:#fff}
a,button,input,select,textarea{transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(94,212,255,.75);outline-offset:3px}
.orb{opacity:.13!important;filter:blur(120px)!important}
.orb-a{background:var(--ds-purple)!important}.orb-b{background:var(--ds-mint)!important}

.topbar{height:76px!important;width:min(1220px,calc(100% - 28px))!important;padding:0 2px}
.brand{gap:11px!important;font-size:18px!important;letter-spacing:-.02em}
.brand b{color:#b7b0ff!important}
.logo,.ali-side-logo{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(145deg,#9a8dff 0%,#7768f4 42%,#49dfbd 100%)!important;box-shadow:0 12px 32px rgba(105,91,231,.32),inset 0 1px rgba(255,255,255,.24)!important}
.logo svg,.ali-side-logo svg{width:22px;height:22px;stroke:#071018;stroke-width:1.8;fill:none}
.top-actions{gap:8px!important}
.top-actions a,.ali-menu-btn{min-height:38px;padding:0 12px!important;border:1px solid transparent;border-radius:12px!important;color:#aeb8cc!important;display:inline-flex;align-items:center}
.top-actions a:hover,.ali-menu-btn:hover{color:#fff!important;background:rgba(255,255,255,.035)!important;border-color:var(--ds-line)!important;transform:translateY(-1px)}

main{width:min(1180px,calc(100% - 28px))!important}
.hero{padding:60px 0 42px!important}
.compact-hero{padding:48px 0 32px!important}
.eyebrow{display:inline-flex!important;align-items:center;gap:7px;margin-bottom:15px!important;padding:7px 10px;border-radius:999px;background:rgba(139,124,255,.08);border:1px solid rgba(139,124,255,.16);color:#b4adff!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important}
.hero h1{font-size:clamp(42px,6.5vw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important;text-wrap:balance}
.hero h1 span{background:linear-gradient(92deg,#b1a7ff,#73d7ff 48%,#65e6c6)!important;-webkit-background-clip:text!important;color:transparent!important}
.hero>p,.home-hero-v2 .hero-copy>p{max-width:700px!important;color:#99a6bc!important;font-size:16px!important;line-height:1.75!important}
.hero-pills span{background:rgba(255,255,255,.025)!important;border-color:var(--ds-line)!important;color:#b4bfd2!important}

.tool-shell,.legal-card,.pricing-faq,.pro-status,.recovery-card,.restore-card,.admin-panel,.metric-card{
  background:linear-gradient(180deg,rgba(16,24,40,.92),rgba(10,16,28,.94))!important;
  border:1px solid var(--ds-line)!important;border-radius:24px!important;
  box-shadow:var(--ds-shadow)!important;backdrop-filter:blur(18px)
}
.tool-shell{max-width:920px!important;padding:24px!important;margin-bottom:64px!important}
.tool-head{margin-bottom:18px!important}
.tool-head h2{font-size:20px!important;letter-spacing:-.025em}
.tool-head p{color:#75839a!important}
.tool-icon{width:50px!important;height:50px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(139,124,255,.14),rgba(94,212,255,.06))!important;border:1px solid rgba(139,124,255,.18);color:#aaa2ff!important}
.tool-icon svg{width:25px!important;height:25px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.local-badge,.server-badge,.version{padding:7px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:800;letter-spacing:.04em}
.local-badge{background:rgba(75,224,188,.07)!important;border-color:rgba(75,224,188,.20)!important;color:#76e8cb!important}
.server-badge{background:rgba(255,201,111,.07)!important;border-color:rgba(255,201,111,.20)!important;color:#ffd28a!important}

.dropzone{min-height:220px!important;border:1px dashed rgba(145,160,190,.27)!important;border-radius:20px!important;background:
  radial-gradient(420px 160px at 50% 0%,rgba(139,124,255,.055),transparent 72%),
  rgba(7,12,21,.66)!important}
.dropzone:hover,.dropzone.drag{border-color:rgba(139,124,255,.58)!important;background:rgba(15,21,38,.92)!important;box-shadow:inset 0 0 0 1px rgba(139,124,255,.06),0 18px 38px rgba(0,0,0,.16)!important}
.upload-icon{width:54px!important;height:54px!important;border-radius:16px!important;background:linear-gradient(145deg,#8c7eff,#5bdcc2)!important;box-shadow:0 14px 30px rgba(104,91,227,.26);margin-bottom:14px!important}
.upload-icon svg{width:25px;height:25px;stroke:#071018;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dropzone strong{font-size:16px!important}.dropzone small{color:#7c8aa2!important;font-size:11px}

.controls{gap:10px!important}
.controls label,.pdf-range input,.field textarea,.restore-input,.ocr-out textarea,.resize-controls input[type=number]{
  background:rgba(8,14,24,.88)!important;border:1px solid var(--ds-line)!important;border-radius:14px!important
}
.controls label{padding:12px!important}
.controls label>span,.field span{color:#8492aa!important;font-size:11px!important}
.controls select,.controls input[type=text],.controls input[type=number],.controls input[type=url],.controls input[type=email],.controls textarea,
input[type=text],input[type=number],input[type=url],input[type=email],input[type=search],textarea,select{
  color:#eef3ff
}
.controls select{background:#111a2a!important;border-color:var(--ds-line)!important}
.primary,.price-btn.primary,.hero-cta.primary-v2,.guide-cta,.contextual-product-primary{
  background:linear-gradient(100deg,#8b7cff 0%,#7168ef 48%,#4bd9ba 100%)!important;color:#071019!important;border:0!important;
  box-shadow:0 12px 28px rgba(109,95,230,.22)!important
}
.primary:hover,.price-btn.primary:hover,.hero-cta.primary-v2:hover,.guide-cta:hover,.contextual-product-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(109,95,230,.30)!important}
.download,.price-btn.secondary,.hero-cta.secondary-v2{background:rgba(255,255,255,.035)!important;border-color:var(--ds-line2)!important;color:#e7ecf8!important}
.download:hover,.price-btn.secondary:hover,.hero-cta.secondary-v2:hover{background:rgba(139,124,255,.08)!important;border-color:rgba(139,124,255,.34)!important;color:#fff!important}

.tool-grid{gap:12px!important}
.tool-card-link article,.gcard,.guide-card,.seo-rich-card,.seo-value-card,.howto,.related-tools,.contextual-product-card,.popular-card,.home-trust-card,.home-guide-grid>a{
  background:linear-gradient(180deg,rgba(16,24,40,.86),rgba(10,16,27,.92))!important;
  border:1px solid var(--ds-line)!important;border-radius:19px!important;box-shadow:0 10px 30px rgba(0,0,0,.13)
}
.tool-card-link article{position:relative;overflow:hidden;min-height:148px!important;padding:17px!important}
.tool-card-link article:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at 85% 0%,rgba(139,124,255,.10),transparent 62%);opacity:.65;pointer-events:none}
.tool-card-link article>span:first-child{position:relative;z-index:1;display:grid!important;place-items:center!important;width:40px;height:40px;padding:0!important;border-radius:12px!important;background:rgba(139,124,255,.08)!important;border:1px solid rgba(139,124,255,.14)!important;color:#aaa2ff!important}
.tool-card-link article>span:first-child svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tool-card-link h3{position:relative;z-index:1;margin:14px 0 6px!important;font-size:15px!important;letter-spacing:-.02em}
.tool-card-link p{position:relative;z-index:1;color:#8390a6!important;font-size:11.5px!important;line-height:1.58!important}
.card-kind{position:absolute!important;right:13px;bottom:11px!important;top:auto!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;padding:0!important;color:#58657d!important;font-size:8px!important;letter-spacing:.11em;text-transform:uppercase}
.tool-card-link:hover article{transform:translateY(-4px)!important;border-color:rgba(139,124,255,.34)!important;background:linear-gradient(180deg,rgba(21,30,49,.96),rgba(12,18,31,.97))!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important}
.tool-card-link[data-category="images"] article>span:first-child{color:#72d7ff!important;background:rgba(94,212,255,.07)!important;border-color:rgba(94,212,255,.16)!important}
.tool-card-link[data-category="career"] article>span:first-child{color:#6ce4c5!important;background:rgba(75,224,188,.07)!important;border-color:rgba(75,224,188,.16)!important}
.tool-card-link[data-category="business"] article>span:first-child{color:#ffd085!important;background:rgba(255,201,111,.07)!important;border-color:rgba(255,201,111,.16)!important}
.tool-card-link[data-category="utility"] article>span:first-child{color:#c2b9ff!important}

.seo-copy,.howto,.related-tools{max-width:920px!important;margin:0 auto 22px!important;padding:22px!important}
.seo-copy{margin-top:-38px!important;margin-bottom:50px!important}
.seo-copy h2,.howto h2,.related-tools h2,.seo-rich-card h2,.seo-value-card h2{font-size:19px!important;letter-spacing:-.02em}
.seo-copy p,.howto p,.seo-rich-card p,.seo-value-card p,.guide-card p,.gcard p{color:#8996ac!important;line-height:1.75!important}
.related-links a,.seo-related a,.seo-rich-links a,.related a{
  border:1px solid var(--ds-line)!important;background:rgba(255,255,255,.025)!important;color:#cbd4e5!important;border-radius:11px!important
}
.related-links a:hover,.seo-related a:hover,.seo-rich-links a:hover,.related a:hover{border-color:rgba(139,124,255,.36)!important;background:rgba(139,124,255,.07)!important;color:#fff!important}

.price-card{background:linear-gradient(180deg,rgba(16,24,40,.94),rgba(10,16,28,.96))!important;border:1px solid var(--ds-line)!important;border-radius:22px!important;padding:26px!important;box-shadow:0 14px 38px rgba(0,0,0,.18)!important;overflow:hidden}
.price-card.featured{border-color:rgba(139,124,255,.44)!important;box-shadow:0 20px 55px rgba(78,65,176,.18)!important}
.price-card .plan-tag{display:inline-flex;align-items:center;padding:6px 8px;border-radius:999px;background:rgba(139,124,255,.07);border:1px solid rgba(139,124,255,.14);color:#a9a1ff!important;font-size:9px!important}
.price-card h2{letter-spacing:-.03em}.price{font-size:36px!important}.price-card ul{color:#9aa7bc!important}
.ds-plan-icon{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(139,124,255,.07);border:1px solid rgba(139,124,255,.14);color:#aaa2ff}
.ds-plan-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.legal-card{max-width:900px;margin:auto}
.site-footer{border-top:1px solid rgba(151,164,194,.12)!important;padding-top:24px!important;color:#65738b!important}
.site-footer a{color:#8794aa!important}.site-footer a:hover{color:#fff!important}
.footer-brand svg{width:19px;height:19px;stroke:#8075ed;fill:none}

.ali-sidebar{background:linear-gradient(180deg,rgba(8,13,23,.995),rgba(5,9,16,.995))!important;border-color:var(--ds-line)!important}
.ali-side-search-wrap,.ali-side-quick a,.ali-side-link:hover{background:rgba(255,255,255,.025)!important;border-color:var(--ds-line)!important}
.ali-side-link.active{background:linear-gradient(90deg,rgba(139,124,255,.14),rgba(75,224,188,.05))!important;border-color:rgba(139,124,255,.28)!important}
.ali-side-icon{background:rgba(139,124,255,.07)!important;color:#aaa2ff!important}
.ali-side-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.all-tools-toolbar{background:rgba(8,13,23,.90)!important;border-color:var(--ds-line)!important;box-shadow:0 18px 46px rgba(0,0,0,.24)!important}
.all-tools-search{background:rgba(5,10,18,.72)!important;border-color:var(--ds-line)!important}
.all-tools-filter{background:rgba(255,255,255,.025)!important;border-color:var(--ds-line)!important;color:#94a2b7!important}
.all-tools-filter.active{background:linear-gradient(100deg,rgba(139,124,255,.16),rgba(75,224,188,.07))!important;border-color:rgba(139,124,255,.34)!important;color:#fff!important}

.status{border-radius:12px}.status.ui-success{padding:10px 12px;background:rgba(75,224,188,.07);border:1px solid rgba(75,224,188,.18);color:#82e8cd}.status.ui-error{padding:10px 12px;background:rgba(255,141,157,.07);border:1px solid rgba(255,141,157,.20);color:#ffadba}.status.ui-working{padding:10px 12px;background:rgba(94,212,255,.06);border:1px solid rgba(94,212,255,.16);color:#8ddfff}

@media(max-width:900px){
  .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pricing-grid{gap:14px!important}
}
@media(max-width:700px){
  main,.topbar,.site-footer,footer{width:min(100% - 20px,1180px)!important}
  .topbar{height:68px!important}.brand{font-size:16px!important}.logo{width:37px!important;height:37px!important}
  .hero{padding:38px 0 28px!important}.compact-hero{padding:30px 0 23px!important}.hero h1{font-size:clamp(38px,11vw,52px)!important;letter-spacing:-.045em!important}.hero>p{font-size:14px!important;line-height:1.65!important}
  .tool-shell{padding:15px!important;border-radius:19px!important;margin-bottom:42px!important}.tool-head{gap:10px}.tool-icon{width:44px!important;height:44px!important;border-radius:13px!important}
  .dropzone{min-height:180px!important;border-radius:17px!important}.upload-icon{width:48px!important;height:48px!important}
  .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .tool-card-link article{min-height:108px!important;padding:13px!important;border-radius:15px!important}.tool-card-link article>span:first-child{width:35px;height:35px;border-radius:10px!important}.tool-card-link h3{font-size:12.5px!important;margin-top:10px!important}.tool-card-link p{display:none}.card-kind{font-size:7px!important;right:10px!important;bottom:8px!important}
  .seo-copy,.howto,.related-tools,.seo-rich-card,.seo-value-card,.guide-card{padding:17px!important;border-radius:17px!important}
  .seo-copy{margin-top:-20px!important}
  .price-card{padding:19px!important;border-radius:18px!important}.price{font-size:32px!important}
  .ds-plan-icon{width:36px;height:36px;right:14px;top:14px}
}
@media(max-width:380px){.tool-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Design v12 finishing pass */
.money-balance,.revenue-strip,.conversion-spotlight,.pricing-decision,.service-form,.actual-preview-section{
  background:linear-gradient(180deg,rgba(16,24,40,.88),rgba(10,16,28,.94))!important;
  border:1px solid var(--ds-line)!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(0,0,0,.16)!important
}
.credit-pack,.actual-preview-card,.product-sticky-buy{
  background:rgba(255,255,255,.025)!important;border-color:var(--ds-line)!important
}
.credit-pack:hover,.actual-preview-card:hover{border-color:rgba(139,124,255,.34)!important;background:rgba(139,124,255,.055)!important}
.hero-product-actions .hero-buy,.product-sticky-buy button{background:linear-gradient(100deg,#8b7cff,#5ed4ff 52%,#4be0bc)!important;color:#071019!important}
.hero-product-actions .hero-sample{border-color:var(--ds-line)!important;background:rgba(255,255,255,.025)!important}
.product-preview,.actual-preview-card img{border-color:var(--ds-line)!important}
.legal-card h2{display:flex;align-items:center;gap:9px}
.legal-card h2:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--ds-purple),var(--ds-mint));box-shadow:0 0 16px rgba(139,124,255,.38)}
.legal-card p{color:#909db2!important}
#al-chat-root{--ac-bg:#080d18!important;--ac-panel:#0d1524!important;--ac-line:rgba(151,164,194,.16)!important;--ac-violet:#8b7cff!important;--ac-cyan:#5ed4ff!important;--ac-mint:#4be0bc!important}
.al-chat-launch{border-radius:18px!important;background:linear-gradient(145deg,#8b7cff,#5ed4ff 52%,#4be0bc)!important;box-shadow:0 18px 48px rgba(70,63,170,.34)!important}
.al-chat-panel{border-color:rgba(139,124,255,.22)!important;background:linear-gradient(180deg,rgba(15,23,40,.985),rgba(7,12,22,.995))!important}
.al-chat-mark,.al-chat-send{background:linear-gradient(145deg,#8b7cff,#4be0bc)!important}
.al-bubble{border-color:var(--ds-line)!important;background:#111a2b!important}
.al-msg.user .al-bubble{background:linear-gradient(135deg,#7f70ee,#596ce0)!important}
.admin-live{border-color:rgba(75,224,188,.22)!important;background:rgba(75,224,188,.07)!important;color:#83e9cf!important}
.metric-card strong{letter-spacing:-.035em}
@media(max-width:700px){
  .money-balance,.revenue-strip,.conversion-spotlight,.pricing-decision,.service-form,.actual-preview-section{border-radius:17px!important}
  .al-chat-launch{width:50px!important;height:50px!important;border-radius:16px!important}
}
