/* tools/vd/assets/video_downloader.css */

.vd-page{padding:24px 12px 40px}
.vd-card{
  max-width:980px;margin:0 auto;
  background:linear-gradient(180deg, rgba(2,46,14,.22), rgba(0,0,0,.10));
  border:1px solid rgba(56,248,108,.34);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 26px rgba(0,0,0,.20), 0 0 14px rgba(56,248,108,.08);
  backdrop-filter: blur(2px);
}

.vd-title{
  text-align:center;
  font-family:"Orbitron",sans-serif;
  font-weight:900;
  font-size:58px;
  color:#38f86c;
  margin:10px 0 6px;
  text-shadow:0 0 20px rgba(56,248,108,.20);
}
.vd-subtitle{
  text-align:center;
  font-family:"Orbitron",sans-serif;
  font-weight:700;
  color:#ffffff;
  opacity:.95;
  margin-bottom:18px;
}

.vd-block{display:flex;flex-direction:column;align-items:center;gap:10px}
.vd-label,.vd-field-label,.vd-label-small,.vd-counts,.vd-progress-text,.vd-section-title,.vd-display-text,.vd-hint,.vd-version-line,.vd-empty,.vd-row-item,.vd-th,.vd-selected,.vd-feedback-btn{font-family:"Orbitron",sans-serif;}
.vd-label{font-weight:800;margin-top:4px;color:#fff}
.vd-label-small{font-size:12px;opacity:.95;margin-top:6px;color:#dff7e5}

.vd-input,.vd-select,.vd-editbox,.vd-editinput,.vd-editline{
  color:#fff;
  background:rgba(0,0,0,.46);
  border:1px solid rgba(56,248,108,.30);
  outline:none;
}
.vd-input{
  width:min(880px,100%);
  padding:14px 16px;
  border-radius:16px;
  font-family:"Orbitron",sans-serif;
  font-weight:700;
}
.vd-input:focus,.vd-select:focus,.vd-editbox:focus,.vd-editinput:focus,.vd-editline:focus{border-color:rgba(56,248,108,.58);box-shadow:0 0 18px rgba(56,248,108,.18)}

.vd-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.vd-row-buttons{margin-top:8px}

.vd-btn,.vd-pill,.vd-orient,.vd-pick{box-shadow:none !important}
.vd-pill.is-selected,.vd-orient.is-selected,.vd-pick.is-picked{box-shadow:none !important}

.vd-btn{
  padding:12px 18px;border-radius:14px;
  border:1px solid rgba(56,248,108,.30);
  background:rgba(0,0,0,.18);color:#fff;
  font-family:"Orbitron",sans-serif;font-weight:800;cursor:pointer;
  transition:box-shadow .15s ease,border-color .15s ease,transform .05s ease,background .15s ease;
}
.vd-btn:hover{box-shadow:0 0 22px rgba(56,248,108,.26) !important;border-color:rgba(56,248,108,.62);background:rgba(56,248,108,.10)}
.vd-btn:active{transform:translateY(1px)}
.vd-btn-small{padding:10px 16px;font-size:14px}

.vd-pill{
  padding:10px 24px;border-radius:999px;
  border:1px solid rgba(56,248,108,.30);
  background:rgba(0,0,0,.15);color:#fff;
  font-family:"Orbitron",sans-serif;font-weight:900;cursor:pointer;
  transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
.vd-pill.is-selected{background:rgba(56,248,108,.20);border-color:rgba(56,248,108,.60)}

.vd-orient-row{display:flex;gap:10px;margin-top:4px;align-items:center;justify-content:center;flex-wrap:wrap}
.vd-orient{
  width:38px;height:38px;border-radius:12px;
  border:1px solid rgba(56,248,108,.30);background:rgba(0,0,0,.18);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:box-shadow .15s ease,border-color .15s ease,transform .05s ease,background .15s ease;
}
.vd-orient:hover{box-shadow:0 0 18px rgba(56,248,108,.22) !important;border-color:rgba(56,248,108,.56);background:rgba(56,248,108,.08)}
.vd-orient:active{transform:translateY(1px)}
.vd-orient.is-selected{background:rgba(56,248,108,.20);border-color:rgba(56,248,108,.62)}

.vd-format-group{display:flex;flex-direction:column;align-items:center;min-width:210px}
.vd-row-formats{margin-top:8px;gap:16px}
.vd-field-label{font-size:12px;margin-bottom:6px;opacity:.98;font-weight:800;color:#fff}
.vd-select{width:210px;padding:10px 12px;border-radius:14px;font-weight:800;cursor:pointer}
.vd-select option{background:#062b10;color:#fff}

.vd-selected{margin:14px 0;padding:12px 14px;border-radius:999px;border:1px dashed rgba(56,248,108,.26);text-align:center;font-weight:900;background:rgba(0,0,0,.12);color:#fff}
.vd-table-wrap{margin-top:10px}
.vd-table{border-radius:18px;border:1px solid rgba(56,248,108,.24);overflow:hidden;background:rgba(0,0,0,.12)}
.vd-table-head,.vd-row-item{display:grid;grid-template-columns:1.1fr .55fr .8fr 1.3fr .8fr .6fr;align-items:center}
.vd-table-head{background:rgba(0,0,0,.18);border-bottom:1px solid rgba(56,248,108,.14)}
.vd-th{padding:14px 12px;font-weight:900;color:#38f86c;cursor:pointer}
.vd-sort{opacity:.9;margin-left:4px}
.vd-table-body{max-height:340px;overflow:auto}
.vd-row-item{padding:12px;border-bottom:1px solid rgba(56,248,108,.10);font-weight:800;color:#fff}
.vd-row-item:last-child{border-bottom:none}
.vd-empty{padding:24px;text-align:center;opacity:.9;font-weight:800;color:#fff}

.vd-res-cell{display:flex;align-items:center;gap:10px}
.vd-orient-mini{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.95}
.vd-orient-mini .vd-monitor{width:18px;height:10px;border:2px solid #38f86c;border-radius:3px;display:inline-block;position:relative}
.vd-orient-mini .vd-monitor:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;width:10px;height:2px;background:#38f86c;border-radius:999px}
.vd-orient-mini .vd-phone{width:8px;height:16px;border:2px solid #38f86c;border-radius:3px;display:inline-block;position:relative}
.vd-orient-mini .vd-phone:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:2px;width:3px;height:2px;background:#38f86c;border-radius:999px}
.vd-orient-mini .vd-q{font-family:"Orbitron",sans-serif;font-weight:900;color:#38f86c}

.vd-pick{justify-self:end;padding:10px 14px;border-radius:14px;border:1px solid rgba(56,248,108,.28);background:rgba(0,0,0,.14);color:#38f86c;font-family:"Orbitron",sans-serif;font-weight:900;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}
.vd-pick:hover{box-shadow:0 0 18px rgba(56,248,108,.25) !important;border-color:rgba(56,248,108,.55);background:rgba(56,248,108,.08)}
.vd-pick.is-picked{background:rgba(56,248,108,.12);border-color:rgba(56,248,108,.65);color:#fff}

.vd-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px;flex-wrap:wrap}
.vd-counts{font-weight:900;opacity:.92;color:#fff}
.vd-progress{margin-top:14px}
.vd-progress-text{text-align:center;font-weight:900;color:#fff}
.vd-progressbar{height:10px;border-radius:999px;overflow:hidden;margin-top:10px;background:rgba(0,0,0,.36);border:1px solid rgba(56,248,108,.20)}
.vd-bar{height:100%;background:#38f86c;width:0%}
.vd-error{margin-top:10px;text-align:center;color:#ff6464;font-family:"Orbitron",sans-serif;font-weight:900}

.vd-feedback-box{margin-top:18px;padding:8px 0 2px}
.vd-feedback-row{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.vd-feedback-btn{
  min-width:220px;
  padding:14px 22px;
  border-radius:14px;
  cursor:pointer;
  font-weight:900;
  font-size:15px;
  transition:transform .05s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.vd-feedback-btn:active{transform:translateY(1px)}
.vd-feedback-btn-outline{
  border:1px solid rgba(56,248,108,.75);
  background:rgba(0,0,0,.38);
  color:#38f86c;
  box-shadow:0 0 0 rgba(0,0,0,0);
}
.vd-feedback-btn-outline:hover{
  border-color:#63ff94;
  box-shadow:0 0 18px rgba(56,248,108,.28);
  background:rgba(56,248,108,.08);
}
.vd-feedback-btn-main{
  border:1px solid rgba(56,248,108,.75);
  background:linear-gradient(180deg, rgba(5,35,12,.92), rgba(0,0,0,.72));
  color:#38f86c;
  box-shadow:0 0 18px rgba(56,248,108,.14);
}
.vd-feedback-btn-main:hover{
  border-color:#63ff94;
  box-shadow:0 0 22px rgba(56,248,108,.32);
  background:linear-gradient(180deg, rgba(8,48,17,.94), rgba(0,0,0,.78));
}

.vd-notes,.vd-admin-tools{margin-top:14px;padding:14px;border-radius:18px;border:1px solid rgba(56,248,108,.22);background:rgba(0,0,0,.10)}
.vd-section-head,.vd-admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vd-section-title{font-weight:900;color:#38f86c}
.vd-display-text{margin-top:10px;text-align:center;font-weight:900;padding:12px 10px;border-radius:14px;background:rgba(0,0,0,.12);border:1px solid rgba(56,248,108,.12);white-space:pre-wrap;color:#fff;min-height:24px}
.vd-edit-wrap{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:center}
.vd-editbox{width:min(860px,100%);border-radius:14px;font-family:"Orbitron",sans-serif;font-weight:800;padding:10px 12px}
.vd-editinput,.vd-editline{width:min(340px,100%);border-radius:14px;font-family:"Orbitron",sans-serif;font-weight:900;padding:10px 12px;text-align:center}
.vd-hint{font-size:12px;opacity:.88;font-weight:800;text-align:center;color:#d8f4df}
.vd-admin-status{margin-top:8px;text-align:center;font-family:"Orbitron",sans-serif;font-weight:900;color:#fff}
.vd-version-line{text-align:center;margin-top:10px;color:#d8f4df;font-weight:800}
.vd-bar-working{animation:vdPulse 1s linear infinite}
@keyframes vdPulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}

@media (max-width:760px){
  .vd-title{font-size:38px}
  .vd-card{padding:18px 14px}
  .vd-table-head,.vd-row-item{grid-template-columns:1fr .6fr .8fr 1fr .8fr .75fr;font-size:12px}
  .vd-feedback-btn{min-width:190px;width:100%}
}

body.light .vd-card{background:rgba(255,255,255,.78);border-color:rgba(46,168,75,.28);box-shadow:0 10px 24px rgba(0,0,0,.08)}
body.light .vd-subtitle,body.light .vd-label,body.light .vd-field-label,body.light .vd-label-small,body.light .vd-counts,body.light .vd-progress-text,body.light .vd-empty,body.light .vd-row-item,body.light .vd-display-text,body.light .vd-hint,body.light .vd-version-line,body.light .vd-admin-status,body.light .vd-selected{color:#163321}
body.light .vd-input,body.light .vd-select,body.light .vd-editbox,body.light .vd-editinput,body.light .vd-editline{background:rgba(255,255,255,.92);color:#163321;border-color:rgba(46,168,75,.28)}
body.light .vd-table,body.light .vd-notes,body.light .vd-admin-tools,body.light .vd-display-text,body.light .vd-selected{background:rgba(255,255,255,.78)}

.vd-modal-open{overflow:hidden}
.vd-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}
.vd-modal[hidden]{display:none !important}
.vd-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}
.vd-modal-panel{
  position:relative;z-index:1;width:min(760px, calc(100vw - 32px));
  border-radius:22px;border:2px solid rgba(56,248,108,.88);
  background:linear-gradient(180deg, rgba(2,36,13,.98), rgba(1,22,9,.97));
  box-shadow:0 0 28px rgba(56,248,108,.32), inset 0 0 28px rgba(10,40,18,.28);
  padding:26px 24px 22px;
}
.vd-modal-close{
  position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:999px;
  border:1px solid rgba(56,248,108,.85);background:rgba(0,0,0,.45);color:#38f86c;
  font-family:"Orbitron",sans-serif;font-size:24px;line-height:1;cursor:pointer;
  box-shadow:0 0 16px rgba(56,248,108,.25);
}
.vd-modal-close:hover{box-shadow:0 0 22px rgba(56,248,108,.38);border-color:#63ff94}
.vd-modal-title{margin:0 0 18px;color:#38f86c;font-family:"Orbitron",sans-serif;font-size:22px}
.vd-modal-form{display:flex;flex-direction:column;gap:14px}
.vd-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vd-modal-field{display:flex;flex-direction:column;gap:8px}
.vd-modal-label{display:block;margin:0 0 8px;color:#9ef0b5;font-family:"Orbitron",sans-serif;font-size:12px}
.vd-modal-input,.vd-modal-textarea,.vd-modal-file{
  width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(56,248,108,.8);
  background:#090b0a;color:#fff;padding:12px 14px;font-family:Arial,sans-serif;
}
.vd-modal-input:focus,.vd-modal-textarea:focus{outline:none;box-shadow:0 0 0 2px rgba(56,248,108,.15)}
.vd-modal-textarea{resize:vertical;min-height:158px}
.vd-modal-upload-note,.vd-modal-files{color:#d6e9d9;font-family:Arial,sans-serif;font-size:.95rem}
.vd-modal-files{opacity:.88;word-break:break-word}
.vd-modal-status{min-height:22px;color:#cfe8d4;font-family:"Orbitron",sans-serif;font-size:13px;text-align:center}
.vd-modal-status.is-error{color:#ff7f7f}
.vd-modal-status.is-ok{color:#9effb5}
.vd-modal-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:4px}

body.light .vd-modal-panel{background:rgba(245,255,247,.98);border-color:rgba(46,168,75,.5)}
body.light .vd-modal-title,body.light .vd-modal-label{color:#1d6b33}
body.light .vd-modal-input,body.light .vd-modal-textarea,body.light .vd-modal-file{background:#fff;color:#163321;border-color:rgba(46,168,75,.35)}
body.light .vd-modal-upload-note,body.light .vd-modal-files,body.light .vd-modal-status{color:#163321}

@media (max-width:760px){
  .vd-modal{padding:14px}
  .vd-modal-panel{padding:22px 16px 16px}
  .vd-modal-grid{grid-template-columns:1fr}
  .vd-modal-actions .vd-feedback-btn{width:100%;min-width:0}
}


.vd-direct-save{margin-top:10px;text-align:center}
.vd-direct-save[hidden]{display:none !important}
.vd-direct-save-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:20px;
  color:#9ef0b5;
  font-family:"Orbitron",sans-serif;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px dashed rgba(158,240,181,.45);
  padding-bottom:2px;
}
.vd-direct-save-link:hover{
  color:#caffd7;
  border-bottom-color:rgba(202,255,215,.85);
  text-shadow:0 0 12px rgba(56,248,108,.18);
}
body.light .vd-direct-save-link{color:#1d6b33;border-bottom-color:rgba(29,107,51,.35)}