/* RyuTools — Obsidian Liquid Glass */
:root{--bg-0:#010604;--bg-1:#03100c;--bg-2:#061b14;--accent:#39f5a6;--accent-2:#16d9c0;--accent-3:#8affcf;--accent-glow:rgba(44,245,166,.46);--accent-soft:rgba(32,224,154,.15);--green:#42f5ac;--orange:#65ffd0;--purple:#39dcb5;--text:#effff9;--text-dim:rgba(220,255,243,.78);--text-muted:rgba(176,220,205,.58);--glass:rgba(5,25,19,.56);--glass-2:rgba(9,38,29,.64);--glass-3:rgba(17,58,44,.72);--glass-hover:rgba(22,92,67,.42);--glass-fill:linear-gradient(145deg,rgba(90,255,199,.105),rgba(5,27,20,.68) 38%,rgba(2,13,10,.78));--glass-fill-strong:linear-gradient(145deg,rgba(122,255,211,.17),rgba(9,48,35,.74) 42%,rgba(2,16,12,.86));--ring:inset 0 0 0 1px rgba(115,255,208,.16);--ring-strong:inset 0 0 0 1px rgba(129,255,212,.3);--shadow-lg:inset 0 1px rgba(217,255,243,.17),inset 0 -25px 60px rgba(0,7,5,.22),0 26px 80px rgba(0,0,0,.56),0 0 80px rgba(20,225,151,.08);--shadow-md:inset 0 1px rgba(217,255,243,.13),0 16px 38px rgba(0,0,0,.38)}
body.liquid-body{background:#010705;letter-spacing:-.01em}
.liquid-stage::before{background:radial-gradient(ellipse 75% 60% at 5% 0%,rgba(20,244,157,.28),transparent 56%),radial-gradient(ellipse 60% 55% at 100% 15%,rgba(0,175,145,.24),transparent 58%),radial-gradient(ellipse 70% 50% at 52% 110%,rgba(15,128,87,.25),transparent 56%),linear-gradient(145deg,#010503 0%,#03110d 44%,#000403 100%)}
.liquid-stage::after{background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(50,255,183,.08),transparent,rgba(0,183,153,.06),transparent);opacity:.62}
.aurora{background:conic-gradient(from 0deg at 50% 50%,transparent,rgba(31,246,160,.14),transparent,rgba(0,211,180,.11),transparent,rgba(88,255,193,.08),transparent)}
.shimmer-layer{background:linear-gradient(115deg,transparent 33%,rgba(128,255,211,.05) 44%,rgba(224,255,245,.12) 50%,rgba(44,240,177,.05) 57%,transparent 68%)}
.orb-a,.orb-b,.orb-c,.blob{filter:hue-rotate(98deg) saturate(1.35)}
.cursor-glow{background:radial-gradient(circle,rgba(47,255,179,.19),rgba(20,214,154,.05) 45%,transparent 70%)}.cursor-ring{border-color:rgba(85,255,195,.55)}
.app-container{max-width:1240px}
.app-header,.main-card,.progress-card,.preview-section,.complete-card,.chat-card{background:var(--glass-fill)!important;border:1px solid rgba(129,255,211,.13)!important;box-shadow:var(--shadow-lg)!important;backdrop-filter:blur(30px) saturate(155%)!important;-webkit-backdrop-filter:blur(30px) saturate(155%)!important}
.app-header::after,.main-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 18%,transparent 76%,rgba(48,255,179,.06));mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}
.logo-icon{background:linear-gradient(145deg,#6affc6,#13c98e)!important;color:#01120c!important;box-shadow:0 0 30px rgba(44,245,166,.3),inset 0 1px rgba(255,255,255,.65)!important}
.logo-text,.section-title i,.progress-number{background:linear-gradient(105deg,#f0fff9 10%,#77ffc9 55%,#21e9a2);-webkit-background-clip:text;background-clip:text;color:transparent!important}.logo-subtitle{color:rgba(168,240,214,.62)!important}
.tab-bar{background:rgba(1,14,10,.62)!important;box-shadow:inset 0 0 0 1px rgba(113,255,204,.13)!important}.tab-btn,.nav-item{color:rgba(197,237,222,.63)!important}.tab-btn:hover,.nav-item:hover{background:rgba(44,235,164,.09)!important;color:#dffff4!important}.tab-btn.active,.nav-item.active{color:#ecfff8!important;background:linear-gradient(135deg,rgba(65,244,177,.23),rgba(9,99,73,.25))!important;box-shadow:inset 0 0 0 1px rgba(111,255,202,.22),0 7px 22px rgba(0,0,0,.25)!important}.tab-btn.active i,.nav-item.active i{color:#59ffc0;filter:drop-shadow(0 0 9px rgba(54,255,181,.55))}
input,select,textarea,.url-input{background:rgba(0,12,8,.58)!important;border:1px solid rgba(106,255,202,.14)!important;color:var(--text)!important}input:focus,select:focus,textarea:focus,.url-input:focus{border-color:rgba(73,255,190,.5)!important;box-shadow:0 0 0 4px rgba(46,244,173,.09),0 0 30px rgba(20,207,143,.09)!important}
#fetch-btn,.action-btn,.save-btn,.chat-send-btn{color:#00170e!important;background:linear-gradient(120deg,#74ffd0,#2df3aa 48%,#12cfa2)!important;box-shadow:inset 0 1px rgba(255,255,255,.6),0 12px 34px rgba(19,226,150,.25)!important;font-weight:800!important}#fetch-btn:hover,.action-btn:hover,.save-btn:hover,.chat-send-btn:hover{filter:brightness(1.08) saturate(1.06);transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.7),0 16px 42px rgba(21,244,164,.36)!important}
.upload-area{min-height:240px;background:linear-gradient(145deg,rgba(41,213,149,.09),rgba(1,18,13,.65))!important;border:1px dashed rgba(97,255,200,.34)!important;box-shadow:inset 0 0 55px rgba(30,225,154,.035),0 22px 60px rgba(0,0,0,.34)!important}.upload-area::before{background:radial-gradient(circle at 50% 0,rgba(75,255,191,.16),transparent 56%)!important}.upload-area:hover,.upload-area.drag-over{border-color:rgba(99,255,200,.72)!important;background:linear-gradient(145deg,rgba(48,240,166,.16),rgba(3,31,22,.78))!important;box-shadow:inset 0 0 70px rgba(36,234,164,.08),0 22px 60px rgba(0,0,0,.4),0 0 45px rgba(35,232,161,.11)!important}.upload-content>i{color:#54ffc0!important;background:rgba(44,238,166,.09)!important;box-shadow:inset 0 0 0 1px rgba(106,255,201,.2),0 0 35px rgba(42,244,170,.13)!important}
.format-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.15rem}.format-pills b{font-size:.65rem;letter-spacing:.09em;color:#a9f9dc;padding:.32rem .58rem;border-radius:999px;background:rgba(40,232,162,.08);box-shadow:inset 0 0 0 1px rgba(95,255,199,.16)}
.quality-card,.scale-btn,.stem-card,.media-panel{background:linear-gradient(145deg,rgba(48,188,136,.09),rgba(1,17,12,.68))!important;border:1px solid rgba(112,255,204,.12)!important}.quality-card:hover,.scale-btn:hover,.stem-card:hover{border-color:rgba(96,255,197,.38)!important;transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 35px rgba(30,220,150,.08)!important}.stem-header>i,.complete-icon{color:#53ffc0!important;background:rgba(43,239,167,.1)!important;box-shadow:inset 0 0 0 1px rgba(104,255,203,.18),0 0 28px rgba(35,240,166,.12)!important}.progress-fill{background:linear-gradient(90deg,#18d99b,#5affbd,#17d6bd)!important;box-shadow:0 0 24px rgba(50,255,182,.36)!important}
@media (prefers-reduced-motion:no-preference){.main-card.tab-content:not(.hidden){animation:obsidianReveal .48s cubic-bezier(.22,.8,.24,1) both}.upload-content>i{animation:iconDrift 4.5s ease-in-out infinite}@keyframes obsidianReveal{from{opacity:0;transform:translateY(14px) scale(.99);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes iconDrift{50%{transform:translateY(-7px) rotate(-2deg);filter:drop-shadow(0 10px 15px rgba(46,255,180,.24))}}}
@media(max-width:640px){.upload-area{min-height:205px}.format-pills b:nth-last-child(-n+2){display:none}.app-header,.main-card{border-radius:24px!important}}

/* v2 — curved refraction, no rectangular pseudo-element artifacts */
.app-header,.main-card,.progress-card,.preview-section,.complete-card,.chat-card{
  border:0!important;
  background:
    radial-gradient(120% 150% at 0% 0%,rgba(181,255,231,.16),transparent 34%),
    radial-gradient(90% 120% at 100% 100%,rgba(26,211,150,.08),transparent 46%),
    linear-gradient(145deg,rgba(52,152,115,.13),rgba(3,25,18,.70) 48%,rgba(1,12,9,.82))!important;
  box-shadow:
    inset 0 0 0 1px rgba(126,255,211,.20),
    inset 0 1.5px 0 rgba(225,255,246,.28),
    inset 18px 16px 55px rgba(161,255,225,.045),
    inset -24px -30px 70px rgba(0,3,2,.28),
    0 26px 80px rgba(0,0,0,.55),
    0 0 75px rgba(27,235,158,.07)!important;
}
.app-header::after,.main-card::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:1px!important;padding:0!important;border:0!important;border-radius:inherit!important;
  background:linear-gradient(112deg,rgba(237,255,249,.17),transparent 15%,transparent 72%,rgba(55,255,184,.05))!important;
  mask:none!important;-webkit-mask:none!important;opacity:.72;pointer-events:none!important;
}
.app-header::before,.main-card::before{
  content:""!important;display:block!important;position:absolute!important;
  width:42%;height:145%;left:-11%;top:-74%;inset-inline-end:auto!important;
  border:0!important;border-radius:50%!important;pointer-events:none!important;
  background:radial-gradient(ellipse,rgba(216,255,243,.16),rgba(72,242,182,.055) 42%,transparent 70%)!important;
  filter:blur(4px)!important;transform:rotate(-18deg);opacity:.8;
}

.upload-area{
  border:0!important;border-radius:26px!important;
  background:
    radial-gradient(85% 95% at 50% -25%,rgba(98,255,204,.13),transparent 58%),
    linear-gradient(145deg,rgba(36,138,101,.10),rgba(1,17,12,.56))!important;
  box-shadow:
    inset 0 0 0 1px rgba(105,255,202,.23),
    inset 0 1px 0 rgba(221,255,245,.19),
    inset 0 -28px 55px rgba(0,5,3,.18),
    0 20px 54px rgba(0,0,0,.31)!important;
}
.upload-area::before{
  content:""!important;display:block!important;position:absolute!important;
  width:76%;height:105%;left:12%;top:-72%;inset-inline-end:auto!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;
  background:radial-gradient(ellipse,rgba(202,255,238,.14),rgba(53,246,180,.05) 42%,transparent 70%)!important;
  filter:blur(9px)!important;animation:liquidCaustic 7s ease-in-out infinite!important;
}
.upload-area::after{
  content:"";position:absolute;inset:1px;border-radius:25px;pointer-events:none;
  background:linear-gradient(118deg,rgba(231,255,247,.12),transparent 17%,transparent 78%,rgba(49,255,183,.055));
  opacity:.72;
}
.upload-area:hover,.upload-area.drag-over{
  border:0!important;transform:translateY(-4px) scale(1.002)!important;
  background:radial-gradient(85% 95% at 50% -25%,rgba(107,255,206,.20),transparent 60%),linear-gradient(145deg,rgba(42,178,127,.16),rgba(2,28,19,.66))!important;
  box-shadow:inset 0 0 0 1px rgba(116,255,207,.48),inset 0 1px 0 rgba(234,255,249,.29),inset 0 -30px 60px rgba(0,8,5,.2),0 25px 65px rgba(0,0,0,.4),0 0 48px rgba(33,244,168,.10)!important;
}
.upload-content{z-index:2!important}
.upload-content>i{
  width:76px;height:76px;margin:0 auto 1rem!important;border-radius:24px;
  display:grid!important;place-items:center;font-size:2.25rem!important;
  background:linear-gradient(145deg,rgba(110,255,207,.16),rgba(17,106,76,.12))!important;
  box-shadow:inset 0 0 0 1px rgba(149,255,217,.22),inset 0 1px rgba(255,255,255,.23),0 18px 42px rgba(0,0,0,.25),0 0 35px rgba(45,255,179,.13)!important;
}

.tab-bar{border-radius:999px!important;background:linear-gradient(180deg,rgba(7,29,22,.72),rgba(1,14,10,.82))!important;box-shadow:inset 0 0 0 1px rgba(113,255,204,.13),inset 0 1px rgba(238,255,249,.09),0 15px 45px rgba(0,0,0,.28)!important}
.platforms span{background:rgba(17,66,49,.38)!important;box-shadow:inset 0 0 0 1px rgba(123,255,209,.17),inset 0 1px rgba(255,255,255,.1)!important}
.url-input-wrapper{border-radius:18px!important;background:rgba(0,14,9,.52)!important;box-shadow:inset 0 0 0 1px rgba(110,255,201,.16),inset 0 1px rgba(255,255,255,.08),0 12px 35px rgba(0,0,0,.24)!important}

@keyframes liquidCaustic{0%,100%{transform:translateX(-4%) scale(1)}50%{transform:translateX(4%) scale(1.12)}}
@media(max-width:899px){.app-header::before,.main-card::before{opacity:.5}.upload-area::before{animation:none!important}.upload-content>i{width:68px;height:68px;border-radius:21px}}

/* v3 — Obsidian BLUE layout system */
:root{
  --bg-0:#02050d;--bg-1:#050b1b;--bg-2:#08162d;
  --accent:#4f8cff;--accent-2:#39d7ff;--accent-3:#9bc8ff;
  --accent-glow:rgba(61,142,255,.48);--accent-soft:rgba(62,137,255,.16);
  --green:#40d9ff;--orange:#70b9ff;--purple:#8575ff;
  --text:#f3f8ff;--text-dim:rgba(221,236,255,.78);--text-muted:rgba(174,201,235,.58);
  --glass:rgba(7,17,39,.58);--glass-2:rgba(10,28,60,.66);--glass-3:rgba(16,45,88,.74);--glass-hover:rgba(31,82,148,.42);
  --glass-fill:linear-gradient(145deg,rgba(113,174,255,.12),rgba(7,20,46,.7) 40%,rgba(2,8,22,.82));
}
body.liquid-body{background:#02050d}
.liquid-stage::before{background:radial-gradient(ellipse 72% 58% at 3% -5%,rgba(39,119,255,.34),transparent 56%),radial-gradient(ellipse 58% 54% at 100% 10%,rgba(0,196,255,.2),transparent 58%),radial-gradient(ellipse 68% 50% at 50% 110%,rgba(70,74,255,.25),transparent 58%),linear-gradient(145deg,#01030a 0%,#061128 44%,#01040c 100%)}
.liquid-stage::after{background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(79,141,255,.09),transparent,rgba(25,213,255,.07),transparent)}
.aurora{background:conic-gradient(from 0deg at 50% 50%,transparent,rgba(43,116,255,.15),transparent,rgba(0,201,255,.11),transparent,rgba(120,91,255,.10),transparent)}
.shimmer-layer{background:linear-gradient(115deg,transparent 33%,rgba(116,180,255,.055) 44%,rgba(230,245,255,.12) 50%,rgba(45,200,255,.05) 57%,transparent 68%)}
.orb-a,.orb-b,.orb-c,.blob{filter:none!important}.cursor-glow{background:radial-gradient(circle,rgba(70,145,255,.2),rgba(31,101,222,.05) 45%,transparent 70%)}.cursor-ring{border-color:rgba(91,177,255,.58)}

.app-wrapper{width:min(1180px,100%);max-width:1180px!important;gap:16px!important;padding:22px 18px 28px!important}
.app-header,.main-card,.progress-card,.preview-section,.complete-card,.chat-card{background:radial-gradient(120% 150% at 0 0,rgba(194,224,255,.15),transparent 34%),radial-gradient(90% 120% at 100% 100%,rgba(45,142,255,.08),transparent 46%),linear-gradient(145deg,rgba(54,113,185,.13),rgba(5,18,43,.72) 48%,rgba(2,8,22,.84))!important;box-shadow:inset 0 0 0 1px rgba(128,190,255,.2),inset 0 1.5px 0 rgba(228,243,255,.27),inset 18px 16px 55px rgba(168,209,255,.045),inset -24px -30px 70px rgba(0,2,10,.3),0 24px 74px rgba(0,0,0,.52),0 0 70px rgba(40,119,255,.07)!important}
.app-header{padding:18px 22px!important;border-radius:26px!important}
.header-row{justify-content:flex-start!important;width:100%}.header-row .logo{justify-content:flex-start!important;margin:0!important}.header-spacer{display:flex!important;align-items:center;justify-content:flex-end;margin-left:auto}.suite-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border-radius:999px;color:#a8cbff;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:rgba(48,112,205,.11);box-shadow:inset 0 0 0 1px rgba(137,195,255,.17)}.suite-badge i{color:#59cfff}
.logo-icon{background:linear-gradient(145deg,#8dd8ff,#4b8cff 55%,#6668ff)!important;color:#030a19!important;box-shadow:0 0 32px rgba(63,139,255,.3),inset 0 1px rgba(255,255,255,.7)!important}.logo-text,.section-title i,.progress-number{background:linear-gradient(105deg,#f5faff 10%,#9bccff 52%,#53cfff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.logo-subtitle{color:rgba(170,205,245,.63)!important}
.app-header::before,.main-card::before{background:radial-gradient(ellipse,rgba(218,237,255,.15),rgba(75,148,255,.052) 42%,transparent 70%)!important}.app-header::after,.main-card::after{background:linear-gradient(112deg,rgba(239,248,255,.17),transparent 15%,transparent 72%,rgba(59,151,255,.055))!important}

.desktop-tabs{width:100%!important}.tab-bar{width:100%!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px!important;padding:6px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(8,24,52,.76),rgba(3,12,31,.88))!important;box-shadow:inset 0 0 0 1px rgba(122,184,255,.14),inset 0 1px rgba(240,248,255,.08),0 14px 40px rgba(0,0,0,.3)!important}.tab-btn{min-width:0!important;padding:.72rem .45rem!important;min-height:46px!important;justify-content:center!important;gap:.42rem!important;font-size:.76rem!important;white-space:nowrap}.tab-btn,.nav-item{color:rgba(192,215,243,.65)!important}.tab-btn:hover,.nav-item:hover{background:rgba(68,137,235,.1)!important;color:#e4f1ff!important}.tab-btn.active,.nav-item.active{color:#f2f8ff!important;background:linear-gradient(135deg,rgba(74,139,245,.3),rgba(27,123,185,.24))!important;box-shadow:inset 0 0 0 1px rgba(139,199,255,.24),0 7px 22px rgba(0,0,0,.25)!important}.tab-btn.active i,.nav-item.active i{color:#62d6ff;filter:drop-shadow(0 0 9px rgba(75,172,255,.6))}

.liquid-body .app-wrapper>.main-card{flex:0 0 auto!important;min-height:360px!important;padding:28px 32px!important;border-radius:28px!important}.search-section{max-width:100%;align-items:stretch!important}.input-wrapper,.url-input-wrapper{min-height:54px;border-radius:17px!important;background:rgba(1,8,23,.58)!important;box-shadow:inset 0 0 0 1px rgba(118,184,255,.17),inset 0 1px rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.24)!important}input,select,textarea,.url-input{border-color:rgba(113,181,255,.15)!important}.platforms{margin-top:14px!important}.platforms span{background:rgba(31,71,126,.38)!important;box-shadow:inset 0 0 0 1px rgba(129,193,255,.17),inset 0 1px rgba(255,255,255,.1)!important}
#fetch-btn,.action-btn,.save-btn,.chat-send-btn{color:#030b1c!important;background:linear-gradient(120deg,#8ee0ff,#5aa2ff 48%,#7270ff)!important;box-shadow:inset 0 1px rgba(255,255,255,.66),0 12px 34px rgba(46,122,255,.27)!important}#fetch-btn:hover,.action-btn:hover,.save-btn:hover,.chat-send-btn:hover{box-shadow:inset 0 1px rgba(255,255,255,.72),0 16px 42px rgba(54,137,255,.38)!important}
.upload-area{background:radial-gradient(85% 95% at 50% -25%,rgba(105,179,255,.14),transparent 58%),linear-gradient(145deg,rgba(37,93,157,.1),rgba(2,12,31,.6))!important;box-shadow:inset 0 0 0 1px rgba(115,184,255,.23),inset 0 1px 0 rgba(225,242,255,.19),inset 0 -28px 55px rgba(0,3,15,.2),0 20px 54px rgba(0,0,0,.32)!important}.upload-area::before{background:radial-gradient(ellipse,rgba(211,235,255,.14),rgba(63,151,255,.05) 42%,transparent 70%)!important}.upload-area::after{background:linear-gradient(118deg,rgba(237,247,255,.12),transparent 17%,transparent 78%,rgba(58,158,255,.055))}.upload-area:hover,.upload-area.drag-over{background:radial-gradient(85% 95% at 50% -25%,rgba(112,190,255,.2),transparent 60%),linear-gradient(145deg,rgba(43,112,189,.16),rgba(3,20,47,.68))!important;box-shadow:inset 0 0 0 1px rgba(128,198,255,.48),inset 0 1px rgba(239,249,255,.29),inset 0 -30px 60px rgba(0,4,18,.22),0 25px 65px rgba(0,0,0,.42),0 0 48px rgba(45,131,255,.11)!important}.upload-content>i{color:#70cfff!important;background:linear-gradient(145deg,rgba(116,190,255,.17),rgba(31,76,145,.13))!important;box-shadow:inset 0 0 0 1px rgba(153,207,255,.23),inset 0 1px rgba(255,255,255,.24),0 18px 42px rgba(0,0,0,.26),0 0 35px rgba(53,143,255,.14)!important}.format-pills b{color:#b7d9ff;background:rgba(47,113,203,.09);box-shadow:inset 0 0 0 1px rgba(119,185,255,.17)}
.quality-card,.scale-btn,.stem-card,.media-panel{background:linear-gradient(145deg,rgba(53,110,185,.1),rgba(2,12,31,.7))!important;border-color:rgba(119,184,255,.12)!important}.progress-fill{background:linear-gradient(90deg,#427dff,#5bcfff,#7371ff)!important;box-shadow:0 0 24px rgba(65,145,255,.38)!important}.stem-header>i,.complete-icon{color:#70cfff!important;background:rgba(54,137,238,.11)!important;box-shadow:inset 0 0 0 1px rgba(131,193,255,.18),0 0 28px rgba(51,139,255,.13)!important}

footer{margin-top:2px!important;color:rgba(156,185,220,.55)!important}
@media(max-width:899px){body.liquid-body{padding:10px!important}.app-wrapper{padding:0!important;gap:11px!important}.app-header{padding:12px!important;border-radius:22px!important}.header-spacer,.suite-badge{display:none!important}.header-row .logo{justify-content:flex-start!important}.logo-icon{width:45px!important;height:45px!important;border-radius:15px!important}.logo-text h1{font-size:1.2rem!important}.logo-text .tagline{font-size:.66rem!important}.current-tool-chip{margin-top:10px!important;min-height:43px!important;background:rgba(43,101,181,.12)!important;box-shadow:inset 0 0 0 1px rgba(125,190,255,.17)!important}.liquid-body .app-wrapper>.main-card{flex:0 0 auto!important;min-height:0!important;padding:16px!important;border-radius:22px!important}.search-section{gap:10px!important}.input-wrapper{min-height:50px}.platforms{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:2px 1px 6px!important;scrollbar-width:none}.platforms span{flex:0 0 auto!important}.upload-area{min-height:230px!important;border-radius:21px!important;padding:28px 14px!important}.upload-area::after{border-radius:20px}.tab-content{width:100%!important}footer{padding:10px 5px 16px!important;font-size:.67rem!important}}
@media(min-width:900px) and (max-width:1100px){.tab-btn span{font-size:.69rem}.tab-btn{gap:.3rem!important}.liquid-body .app-wrapper>.main-card{padding:25px!important}}
@media(min-width:900px){.liquid-body .app-wrapper>.main-card{min-height:210px!important}}

/* Media before / after comparison */
.video-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:20px 0}
.video-compare-card{position:relative;overflow:hidden;padding:10px;border-radius:20px;background:linear-gradient(145deg,rgba(57,112,190,.13),rgba(2,10,27,.82));box-shadow:inset 0 0 0 1px rgba(124,188,255,.18),inset 0 1px rgba(255,255,255,.10),0 16px 38px rgba(0,0,0,.3)}
.video-compare-card.is-after{box-shadow:inset 0 0 0 1px rgba(104,200,255,.34),inset 0 1px rgba(255,255,255,.15),0 18px 45px rgba(20,89,210,.18)}
.video-compare-card video{display:block;width:100%;max-height:360px;aspect-ratio:16/9;object-fit:contain;border-radius:13px;background:#01040c}
.video-compare-card.checkerboard video{background-color:#d7e4f2;background-image:linear-gradient(45deg,#aabbd0 25%,transparent 25%),linear-gradient(-45deg,#aabbd0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#aabbd0 75%),linear-gradient(-45deg,transparent 75%,#aabbd0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.video-compare-card .compare-label{display:flex;align-items:center;gap:.45rem;margin:2px 3px 9px;font-size:.74rem;font-weight:800;color:rgba(194,218,247,.72);text-transform:uppercase;letter-spacing:.055em}
.video-compare-card .compare-label.highlight{color:#79d5ff}.preview-img-wrapper video{display:block;width:100%;height:100%;max-height:160px;object-fit:contain;border-radius:inherit;background:#01040c}
@media(max-width:700px){.video-compare-grid{grid-template-columns:1fr;gap:11px;margin:15px 0}.video-compare-card{padding:8px;border-radius:17px}.video-compare-card video{border-radius:11px;max-height:260px}}

.fx-paused .particle,.fx-paused .blob,.fx-paused .orb,.fx-paused .caustic,.fx-paused .aurora,.fx-paused .shimmer-layer{animation-play-state:paused!important}

/* Interactive image crop editor */
.crop-editor{width:100%}.crop-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.crop-ratio{border:0;border-radius:999px;padding:.58rem .85rem;color:rgba(198,221,250,.7);background:rgba(35,79,142,.28);box-shadow:inset 0 0 0 1px rgba(126,190,255,.16);font:inherit;font-size:.76rem;font-weight:750;cursor:pointer;transition:.2s ease}.crop-ratio:hover{color:#eff7ff;background:rgba(55,112,197,.34)}.crop-ratio.active{color:#061127;background:linear-gradient(120deg,#8ddcff,#619dff 55%,#7d75ff);box-shadow:inset 0 1px rgba(255,255,255,.6),0 8px 24px rgba(45,117,255,.22)}
.crop-stage{display:flex;justify-content:center;align-items:center;min-height:280px;padding:14px;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(67,132,225,.12),transparent 55%),rgba(0,5,18,.62);box-shadow:inset 0 0 0 1px rgba(112,177,245,.15),inset 0 20px 60px rgba(0,0,0,.24)}.crop-image-wrap{position:relative;display:inline-block;max-width:100%;line-height:0;overflow:hidden;border-radius:12px;touch-action:none;user-select:none}.crop-image-wrap>img{display:block;max-width:100%;max-height:min(62vh,680px);width:auto;height:auto;object-fit:contain}.crop-selection{position:absolute;z-index:3;cursor:move;touch-action:none;border:1.5px solid rgba(139,218,255,.98);box-shadow:0 0 0 9999px rgba(0,5,18,.64),inset 0 0 0 1px rgba(255,255,255,.24),0 0 25px rgba(65,166,255,.28);outline:0}.crop-selection:focus-visible{box-shadow:0 0 0 9999px rgba(0,5,18,.64),0 0 0 4px rgba(85,165,255,.28),0 0 28px rgba(65,166,255,.4)}.crop-grid-line{position:absolute;pointer-events:none;background:rgba(235,247,255,.48)}.crop-grid-line.v{top:0;bottom:0;width:1px}.crop-grid-line.h{left:0;right:0;height:1px}.crop-grid-line.one{left:33.333%}.crop-grid-line.v.two{left:66.666%}.crop-grid-line.h.one{left:0;top:33.333%}.crop-grid-line.h.two{left:0;top:66.666%}
.crop-handle{position:absolute;width:13px;height:13px;border-radius:4px;background:#eaf8ff;border:2px solid #4a9dff;box-shadow:0 3px 10px rgba(0,0,0,.35)}.crop-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.crop-handle.n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.crop-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.crop-handle.e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.crop-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.crop-handle.s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.crop-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.crop-handle.w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}.crop-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 2px;color:var(--text-muted);font-size:.77rem}.crop-meta strong{color:#9dd8ff;font-variant-numeric:tabular-nums}.crop-actions{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:10px;align-items:center}.crop-actions .action-btn{margin:0!important;width:100%}
@media(max-width:700px){.crop-stage{min-height:210px;padding:8px;border-radius:18px}.crop-image-wrap>img{max-height:55vh}.crop-handle{width:17px;height:17px;border-radius:5px}.crop-handle.nw{left:-9px;top:-9px}.crop-handle.n{left:calc(50% - 9px);top:-9px}.crop-handle.ne{right:-9px;top:-9px}.crop-handle.e{right:-9px;top:calc(50% - 9px)}.crop-handle.se{right:-9px;bottom:-9px}.crop-handle.s{left:calc(50% - 9px);bottom:-9px}.crop-handle.sw{left:-9px;bottom:-9px}.crop-handle.w{left:-9px;top:calc(50% - 9px)}.crop-meta{align-items:flex-start;flex-direction:column;gap:4px}.crop-actions{grid-template-columns:1fr}.crop-actions .new-btn{width:100%}}

.crop-magnifier{position:absolute;z-index:12;display:block;right:18px;top:18px;width:260px;height:200px;border-radius:25px;opacity:0;visibility:hidden;pointer-events:none;background-repeat:no-repeat;background-color:#061126;box-shadow:inset 0 0 0 2px rgba(208,239,255,.88),inset 0 0 0 5px rgba(61,135,255,.42),0 18px 50px rgba(0,0,0,.62),0 0 35px rgba(60,150,255,.3);transform:translateY(-8px) scale(.94);transition:opacity .14s ease,transform .14s ease,visibility .14s}.crop-magnifier.show{opacity:1;visibility:visible;transform:none}.crop-magnifier.is-active{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 6px rgba(61,135,255,.72),0 22px 65px rgba(0,0,0,.68),0 0 42px rgba(60,150,255,.45)}.crop-magnifier-cross::before,.crop-magnifier-cross::after{content:"";position:absolute;left:50%;top:50%;background:rgba(238,250,255,.95);box-shadow:0 0 5px rgba(0,0,0,.75);transform:translate(-50%,-50%)}.crop-magnifier-cross::before{width:26px;height:1px}.crop-magnifier-cross::after{width:1px;height:26px}.crop-magnifier-badge{position:absolute;right:9px;bottom:8px;padding:4px 7px;border-radius:999px;color:#eaf7ff;background:rgba(1,8,24,.74);box-shadow:inset 0 0 0 1px rgba(171,221,255,.25);font-size:.66rem;font-weight:850;line-height:1}.crop-editor.is-dragging .crop-selection{border-color:#d7f3ff;box-shadow:0 0 0 9999px rgba(0,5,18,.66),inset 0 0 0 1px rgba(255,255,255,.45),0 0 34px rgba(74,177,255,.48);transition:box-shadow .12s ease,border-color .12s ease}.crop-editor.is-dragging .crop-handle{transform:scale(1.15);background:#fff}
@media(max-width:700px){.crop-magnifier{right:10px;top:10px;width:160px;height:124px;border-radius:19px}.crop-magnifier-badge{right:7px;bottom:6px}}
.crop-stage{position:relative}

/* Crop result and painted object removal */
.crop-result,.erase-editor{margin-top:18px;padding:18px;border-radius:24px;background:radial-gradient(100% 120% at 0 0,rgba(116,190,255,.12),transparent 42%),linear-gradient(145deg,rgba(37,86,157,.12),rgba(2,10,27,.78));box-shadow:inset 0 0 0 1px rgba(125,190,255,.2),inset 0 1px rgba(255,255,255,.1),0 18px 48px rgba(0,0,0,.32)}
.crop-result-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.crop-result-head h3{margin:3px 0 0;color:#eff7ff;font-size:1.05rem}.crop-result-kicker{color:#71d5ff;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.crop-edit-icon{flex:0 0 auto;width:48px;height:48px;border:0;border-radius:16px;display:grid;place-items:center;color:#eaf7ff;background:linear-gradient(145deg,rgba(84,165,255,.34),rgba(74,78,239,.28));box-shadow:inset 0 0 0 1px rgba(163,216,255,.3),inset 0 1px rgba(255,255,255,.3),0 10px 26px rgba(35,103,226,.25);cursor:pointer;font-size:1rem;transition:.18s ease}.crop-edit-icon:hover{transform:translateY(-2px) rotate(-3deg);box-shadow:inset 0 0 0 1px rgba(190,229,255,.42),0 14px 32px rgba(42,114,240,.34)}
.crop-result-frame{display:grid;place-items:center;min-height:180px;padding:10px;border-radius:18px;overflow:hidden;background-color:#061126;background-image:linear-gradient(45deg,rgba(111,146,190,.13) 25%,transparent 25%),linear-gradient(-45deg,rgba(111,146,190,.13) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(111,146,190,.13) 75%),linear-gradient(-45deg,transparent 75%,rgba(111,146,190,.13) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;box-shadow:inset 0 0 0 1px rgba(127,190,255,.13)}.crop-result-frame img{display:block;max-width:100%;max-height:min(68vh,720px);object-fit:contain;border-radius:10px}.crop-result-actions{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:10px;margin-top:13px}.crop-result-actions .new-btn,.crop-result-actions .save-btn{width:100%;margin:0!important}
.erase-toolbar{display:grid;grid-template-columns:auto minmax(140px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:13px;padding:11px;border-radius:17px;background:rgba(2,10,29,.54);box-shadow:inset 0 0 0 1px rgba(126,188,255,.14)}.erase-toolbar label{display:flex;align-items:center;gap:7px;color:rgba(211,231,255,.78);font-size:.76rem}.erase-toolbar label i{color:#6bd2ff}.erase-toolbar label strong{color:#dff5ff;font-variant-numeric:tabular-nums}.erase-toolbar input[type=range]{width:100%;accent-color:#6e9fff}.crop-mini-btn{min-height:38px;border:0;border-radius:12px;padding:.5rem .7rem;color:rgba(223,238,255,.84);background:rgba(45,94,162,.25);box-shadow:inset 0 0 0 1px rgba(128,190,255,.16);font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}.crop-mini-btn:hover{color:#fff;background:rgba(66,126,211,.32)}
.erase-stage{display:grid;place-items:center;min-height:360px;max-height:76vh;padding:14px;border-radius:20px;overflow:auto;background:rgba(0,5,18,.72);box-shadow:inset 0 0 0 1px rgba(117,183,250,.14)}.erase-wrap{position:relative;display:block;width:min(100%,900px);max-width:100%;line-height:0;overflow:hidden;border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.32)}.erase-wrap img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;image-rendering:auto}.erase-wrap canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.erase-hint{display:flex;gap:8px;align-items:flex-start;margin:12px 2px;color:rgba(183,208,238,.65);font-size:.75rem;line-height:1.5}.erase-hint i{margin-top:2px;color:#6bd2ff}.erase-run-btn{width:100%;margin:0!important}.erase-output{margin-top:18px;padding-top:17px;border-top:1px solid rgba(125,190,255,.15)}.erase-output>.save-btn{display:flex;width:100%;margin-top:12px}
@media(max-width:700px){.crop-result,.erase-editor{padding:13px;border-radius:19px}.crop-result-actions{grid-template-columns:1fr}.erase-toolbar{grid-template-columns:1fr auto auto}.erase-toolbar label{grid-column:1/-1}.erase-toolbar input[type=range]{grid-column:1/-1}.erase-stage{min-height:260px;max-height:68vh;padding:7px}.erase-wrap{width:100%}.crop-mini-btn{padding:.48rem .58rem}.crop-result-frame{min-height:140px;padding:7px}}