/* YUSNOVA Tools — premium dark workspace */
.yn-tools{
 --yn-bg:#080b14;--yn-panel:#101626;--yn-card:#151f33;--yn-text:#f6f7ff;--yn-muted:#a6b0c6;--yn-line:rgba(178,164,255,.17);--yn-accent:#a78bfa;--yn-accent2:#67e8f9;
 width:min(100% - 24px,1320px)!important;max-width:1320px!important;margin:36px auto!important;padding:clamp(20px,3.5vw,42px)!important;box-sizing:border-box!important;position:relative;isolation:isolate;overflow:hidden;
 color:var(--yn-text)!important;background:radial-gradient(ellipse at 10% 0%,rgba(124,58,237,.22),transparent 38%),radial-gradient(ellipse at 95% 15%,rgba(14,165,233,.12),transparent 34%),linear-gradient(145deg,#090c16 0%,#0b1020 52%,#090d18 100%)!important;
 border:1px solid rgba(167,139,250,.28)!important;border-radius:28px!important;box-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.045)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.yn-tools *{box-sizing:border-box!important}.yn-tools-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;margin:0 0 30px!important;padding:4px 2px 25px!important;border-bottom:1px solid var(--yn-line)!important}
.yn-tools .yn-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important;font-weight:800!important;color:#c4b5fd!important}.yn-tools .yn-eyebrow:before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--yn-accent),var(--yn-accent2));border-radius:9px}
.yn-tools h2{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:800!important;margin:13px 0 11px!important;color:#fff!important}.yn-tools p{color:var(--yn-muted)!important;margin:0!important;line-height:1.7!important;font-size:14px!important}
.yn-privacy{display:inline-flex!important;align-items:center!important;gap:9px!important;white-space:nowrap!important;padding:10px 15px!important;border:1px solid rgba(52,211,153,.2)!important;border-radius:999px!important;background:rgba(16,185,129,.09)!important;color:#a7f3d0!important;font-size:12px!important;font-weight:700!important}.yn-privacy span{display:inline-block!important;width:7px!important;height:7px!important;background:#34d399!important;border-radius:50%!important;box-shadow:0 0 12px #34d399!important;margin:0!important}
.yn-tools-layout{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}.yn-tool-nav{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;border:1px solid var(--yn-line)!important;border-radius:20px!important;background:rgba(13,19,34,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
.yn-tools .yn-tool-nav button{display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;margin:0!important;padding:12px 14px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#aeb8cf!important;text-align:left!important;font:600 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;white-space:normal!important;cursor:pointer!important;transition:background .2s,border-color .2s,color .2s,transform .2s!important;box-shadow:none!important}
.yn-tools .yn-tool-nav button:hover{background:rgba(167,139,250,.09)!important;color:#fff!important;transform:translateX(2px)!important}.yn-tools .yn-tool-nav button.is-active{background:linear-gradient(110deg,rgba(139,92,246,.23),rgba(34,211,238,.07))!important;border-color:rgba(167,139,250,.28)!important;color:#fff!important;box-shadow:inset 3px 0 #a78bfa,0 7px 22px rgba(0,0,0,.16)!important}
.yn-tool-panel{min-width:0!important;padding:clamp(20px,3vw,34px)!important;border:1px solid rgba(167,139,250,.2)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(20,29,49,.97),rgba(13,20,35,.97))!important;box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important}
.yn-tool-title h3{font-size:clamp(21px,2.4vw,28px)!important;letter-spacing:-.025em!important;font-weight:750!important;color:#fff!important;margin:0 0 7px!important}.yn-tool-title p{font-size:13px!important;margin:0 0 22px!important}
.yn-drop{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:190px!important;padding:28px 18px!important;text-align:center!important;border:1.5px dashed rgba(167,139,250,.5)!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.12),transparent 70%),rgba(8,13,25,.65)!important;transition:border-color .2s,background .2s!important;overflow:hidden!important}.yn-drop:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.035);border-radius:12px;pointer-events:none}.yn-drop.is-over{border-color:#67e8f9!important;background:rgba(34,211,238,.08)!important}.yn-drop input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:2!important}.yn-drop-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:15px!important;margin:0 0 3px!important;background:linear-gradient(135deg,rgba(167,139,250,.22),rgba(103,232,249,.12))!important;color:#ddd6fe!important;font-size:27px!important;line-height:1!important}.yn-drop strong,.yn-drop span{display:block!important;pointer-events:none!important}.yn-drop strong{font-size:14px!important;font-weight:750!important;color:#f4f2ff!important}.yn-drop span{font-size:12px!important;color:#9da9c1!important;margin-top:1px!important}.yn-file-list{position:relative!important;z-index:3!important;pointer-events:none!important;margin-top:7px!important;max-width:100%!important}.yn-file{font-size:12px!important;color:#dce5f4!important;padding:4px!important;overflow-wrap:anywhere!important}
.yn-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}.yn-field{display:flex!important;flex-direction:column!important;gap:7px!important;color:#b9c3d8!important;font-size:12px!important;font-weight:650!important}.yn-field input,.yn-field select{width:100%!important;min-height:46px!important;border:1px solid rgba(166,180,210,.2)!important;border-radius:11px!important;background:#0a1120!important;color:#f6f7ff!important;padding:10px 13px!important;font:500 14px Inter,ui-sans-serif,system-ui,sans-serif!important;box-shadow:none!important}.yn-field input::placeholder{color:#73809a!important}.yn-help{grid-column:1/-1!important;color:#96a3bc!important;font-size:12px!important}
.yn-actions{display:flex!important;flex-wrap:wrap!important;gap:11px!important;margin-top:22px!important}.yn-tools .yn-actions button{min-height:46px!important;border:1px solid transparent!important;border-radius:12px!important;padding:12px 20px!important;font:750 13px Inter,ui-sans-serif,system-ui,sans-serif!important;cursor:pointer!important;transition:transform .2s,filter .2s,box-shadow .2s!important;box-shadow:none!important}.yn-tools .yn-actions button:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}.yn-tools .yn-actions .yn-primary{background:linear-gradient(110deg,#a78bfa,#818cf8 58%,#67e8f9)!important;color:#080b16!important;box-shadow:0 8px 24px rgba(139,92,246,.2)!important}.yn-tools .yn-actions .yn-primary:disabled{opacity:.55!important;cursor:wait!important}.yn-tools .yn-actions .yn-secondary{background:rgba(148,163,184,.1)!important;border-color:rgba(148,163,184,.16)!important;color:#dce5f5!important}
.yn-status{min-height:22px!important;margin-top:15px!important;font-size:13px!important;color:#aab6cc!important}.yn-status.is-success{color:#6ee7b7!important}.yn-status.is-error{color:#fda4af!important}.yn-result{font-size:13px!important;color:#c4b5fd!important;margin-top:7px!important}.yn-disclaimer{font-size:11px!important;line-height:1.65!important;margin:23px 0 0!important;border-top:1px solid var(--yn-line)!important;padding:15px 0 0!important;color:#8491aa!important}
.yn-tools button:focus-visible,.yn-tools input:focus-visible,.yn-tools select:focus-visible{outline:2px solid #67e8f9!important;outline-offset:3px!important}
@media(max-width:900px){.yn-tools-layout{grid-template-columns:1fr!important}.yn-tool-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.yn-tools .yn-tool-nav button{min-height:43px!important}.yn-tools .yn-tool-nav button:hover{transform:none!important}}
@media(max-width:560px){.yn-tools{width:calc(100% - 16px)!important;margin:16px auto!important;padding:19px 14px!important;border-radius:20px!important}.yn-tools-head{align-items:flex-start!important;flex-direction:column!important;gap:15px!important;margin-bottom:18px!important;padding-bottom:19px!important}.yn-tools h2{font-size:31px!important}.yn-tool-nav{padding:8px!important;gap:6px!important;border-radius:15px!important}.yn-tools .yn-tool-nav button{font-size:11px!important;padding:10px 9px!important;min-height:43px!important}.yn-tool-panel{padding:17px 13px!important;border-radius:17px!important}.yn-options{grid-template-columns:1fr!important;gap:11px!important}.yn-drop{min-height:165px!important;padding:23px 12px!important}.yn-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.yn-tools .yn-actions button{padding:11px 9px!important;font-size:12px!important}}
/* Keep the workspace dark even when the visitor's device uses light mode. */