/* Solvory Wave 9 media studio — bespoke responsive, accessible visual design. */
.sv9-shell{--sv9-ink:#292642;--sv9-purple:#7655e6;--sv9-line:#e9e4f4;background:#fff;border:1px solid var(--sv9-line);border-radius:24px;overflow:hidden;color:var(--sv9-ink);box-shadow:0 25px 60px #30245c10;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.sv9-shell *{box-sizing:border-box}
.sv9-shell button,.sv9-shell input,.sv9-shell select{font:inherit}
.sv9-darkbar{display:flex;gap:12px;align-items:center;background:#22233a;color:#ddd6ff;font-weight:850;font-size:10px;letter-spacing:.09em;padding:15px 24px}
.sv9-darkbar span:last-child{margin-left:auto;opacity:.7}
.sv9-live{width:9px;height:9px;border-radius:99px;background:#a2efc5;box-shadow:0 0 0 4px #a5e4c520}
.sv9-heading{padding:28px 26px 0;display:flex;gap:24px;justify-content:space-between;align-items:center;background:radial-gradient(ellipse at 92% -10%,#eee7ff 0,transparent 55%)}
.sv9-eyebrow{font-size:10px;color:#785ac7;font-weight:900;letter-spacing:.12em}
.sv9-heading h2{color:#27253f;font-size:clamp(25px,2.6vw,36px);line-height:1.18;letter-spacing:-.055em;font-weight:900;margin:10px 0}
.sv9-heading p{color:#79758e;font-size:13px;line-height:1.65;max-width:680px;margin:0}
.sv9-mark{flex-shrink:0;width:60px;height:60px;border-radius:18px;background:linear-gradient(140deg,#624ae1,#a17ff3);color:white;display:grid;place-items:center;font-size:35px;box-shadow:0 12px 20px #6757c832}
.sv9-benefits{display:flex;gap:8px;flex-wrap:wrap;padding:22px 26px 25px}
.sv9-benefits span{background:#fbfaff;border:1px solid #e9e3f3;border-radius:30px;padding:8px 11px;font-size:10px;color:#6a647f;font-weight:790}
.sv9-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-top:1px solid #ece8f4}
.sv9-left,.sv9-right{min-width:0;padding:26px 23px}
.sv9-right{border-left:1px solid #ebe5f5;background:linear-gradient(145deg,#faf8ff,#f7f7fc)}
.sv9-drop{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:21px;border:2px dashed #cfc1f1;border-radius:18px;background:linear-gradient(145deg,#fefcff,#f6f1ff);text-align:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.sv9-drop:hover,.sv9-drop.sv9-drag{background:#eee9ff;border-color:#886aea;transform:translateY(-2px)}
.sv9-drop:focus-visible{outline:3px solid #9575ef;outline-offset:3px}
.sv9-upload{width:57px;height:57px;border-radius:17px;background:#eae3ff;color:#7856db;font-size:36px;display:grid;place-items:center}
.sv9-drop strong{font-size:15px;font-weight:850}.sv9-drop span:not(.sv9-upload){font-size:12px;color:#817b93}.sv9-drop small{font-size:10px;color:#9893a9}
.sv9-picker{position:absolute!important;height:1px!important;width:1px!important;clip-path:inset(50%);overflow:hidden;opacity:0}
.sv9-controls-head{margin:26px 0 14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.sv9-controls-head b{font-size:14px}.sv9-controls-head small{font-size:10px;color:#938ba5}
.sv9-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sv9-control[hidden],.sv9-zipbox[hidden],.sv9-empty[hidden]{display:none!important}
.sv9-control{min-width:0}
.sv9-control label{display:flex;flex-direction:column;gap:8px;font-weight:790;font-size:11px;color:#48435f}
.sv9-control input:not([type=color]),.sv9-control select{width:100%!important;min-width:0;height:44px!important;border:1px solid #e4dff0!important;border-radius:10px!important;background:#fcfbff!important;color:#322e48!important;padding:0 10px!important;font-size:12px!important;box-shadow:none!important}
.sv9-control input[type=color]{width:100%;height:44px;padding:2px;border:1px solid #e4dff0;border-radius:10px;background:white}
.sv9-control :is(input,select):focus-visible{outline:2px solid #8968e4!important;outline-offset:1px}
.sv9-limits{font-size:11px;line-height:1.7;color:#7c758d;margin:18px 0;background:#f9f6ff;border:1px solid #ece5fa;border-radius:12px;padding:12px}
.sv9-run,.sv9-zip{border:0!important;border-radius:12px;background:linear-gradient(115deg,#6452df,#9169f0);box-shadow:0 11px 24px #7154e42b;color:white!important;min-height:52px;font-size:13px;font-weight:850;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:12px 18px;width:100%;transition:filter .2s,transform .2s}
.sv9-run:hover:not(:disabled),.sv9-zip:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}
.sv9-run:disabled,.sv9-zip:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.sv9-privacy{display:block;font-size:10px;color:#9993a5;line-height:1.75;margin:14px 2px}
.sv9-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sv9-workspace-top h3{font-size:21px;font-weight:850;letter-spacing:-.04em;margin:7px 0;color:#302c47}
.sv9-count{background:#eae2fa;color:#7256c4;font-size:11px;border-radius:19px;padding:3px 8px}
.sv9-clear{background:white;border:1px solid #e2daf0;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:750;color:#6d608e;cursor:pointer}
.sv9-clear:disabled{opacity:.4}
.sv9-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.sv9-empty span{width:83px;height:83px;display:grid;place-items:center;border-radius:22px;background:#eeebf9;color:#b0a3e0;font-size:49px;margin-bottom:8px}
.sv9-empty b{font-size:15px}.sv9-empty p{font-size:12px;line-height:1.6;color:#89849c;max-width:310px;margin:0}
.sv9-queue{margin-top:20px;display:flex;flex-direction:column;gap:10px;max-height:760px;overflow:auto}
.sv9-row{position:relative;display:flex;gap:10px;align-items:flex-start;background:white;border:1px solid #e9e3f2;border-radius:14px;padding:13px;min-width:0}
.sv9-thumb{flex:0 0 54px;height:61px;width:54px;background:#f0ebfc;color:#7b5dbb;border-radius:10px;overflow:hidden;display:grid;place-items:center;font-size:11px}
.sv9-thumb img{width:100%;height:100%;object-fit:contain}
.sv9-filebody{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sv9-filebody strong{font-size:12px;overflow-wrap:anywhere}
.sv9-filebody small,.sv9-diff{font-size:10px;color:#807b92}
.sv9-note,.sv9-error{font-size:10.5px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.sv9-note{color:#6c6686}.sv9-error{color:#b43e5e}
.sv9-audio{width:100%;height:36px;max-width:320px}
.sv9-item-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.sv9-dl{background:#f2edff;border:1px solid #e3d8f9;border-radius:8px;color:#6b52bf;font-size:10px;font-weight:820;min-height:35px;padding:9px;cursor:pointer}
.sv9-remove{border:1px solid #e5ddf0;background:#fff;color:#958aa6;border-radius:8px;min-width:27px;height:28px;cursor:pointer}
.sv9-progress{position:absolute;bottom:0;left:12px;width:calc(100% - 24px);height:4px;accent-color:#7656ea}
.sv9-zipbox{margin-top:18px}.sv9-zip{justify-content:center}
.sv9-status{font-size:11px;line-height:1.7;color:#786990;overflow-wrap:anywhere}
.sv3-dir-grid>.sc-wave9-card{display:flex!important;flex-direction:column!important;min-height:285px;background:white;color:#2b2a3d!important;text-decoration:none!important}
.sv3-dir-grid>.sc-wave9-card .sv3-dir-card-end{margin-top:auto}
.sv3-dir-grid>.sc-wave9-card .sv3-dir-status{background:#e5f7ec!important;color:#23764a!important;border:1px solid #cae9d7}
.sv3-dir-grid>.sc-wave9-card:hover{transform:translateY(-4px);box-shadow:0 19px 40px #352a611c;border-color:#b5a3f3}
@media(max-width:950px){.sv9-layout{grid-template-columns:1fr}.sv9-right{border-left:0;border-top:1px solid #e9e4f4}.sv3-dir-grid>.sc-wave9-card{min-height:250px}}
@media(max-width:700px){.sv9-shell{border-radius:17px}.sv9-darkbar{font-size:9px;letter-spacing:.04em;padding:13px 16px}.sv9-darkbar span:last-child,.sv9-mark{display:none}.sv9-heading{padding:23px 18px 0}.sv9-heading h2{font-size:25px}.sv9-benefits{padding:18px}.sv9-left,.sv9-right{padding:19px 15px}.sv9-drop{min-height:195px}.sv9-row{flex-wrap:wrap}.sv9-item-actions{width:100%}}
@media(max-width:385px){.sv9-controls{grid-template-columns:1fr}.sv9-filebody{min-width:150px}}
@media(prefers-reduced-motion:reduce){.sv9-run,.sv9-zip,.sv9-drop{transition:none!important}.sv9-drop:hover,.sv9-run:hover,.sv9-zip:hover{transform:none!important}}
body:has([data-wave9-tool]) header.site-header,body:has([data-wave9-tool]) .sv3-header{position:relative!important;top:auto!important}