.cvqc-app{--r-bg:#080b11;--r-panel:#0c1119;--r-line:rgba(255,255,255,.085);--r-text:#f3f6fb;--r-muted:#8d98a9;--r-purple:#7b5cff;--r-purple2:#9f86ff;--r-green:#59df9d;max-width:1540px;margin:0 auto;padding:0 0 64px;color:var(--r-text)}
.cvqc-app *{box-sizing:border-box}
body.cvq-compress-page .page-main{padding-top:0!important;padding-bottom:64px!important}
body.cvq-compress-page .page-main>.shell.narrow{width:min(1540px,calc(100vw - 56px))!important;max-width:none!important}
body.cvq-compress-page .page-main .content-entry>.content-head,
body.cvq-compress-page .entry-header,
body.cvq-compress-page .page-header,
body.cvq-compress-page .entry-title,
body.cvq-compress-page .page-title{display:none!important}
body.cvq-compress-page .page-main .content-entry>.prose{padding-top:0!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important}
.cvqc-hero{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:26px 8px 24px;border-bottom:1px solid var(--r-line)}
.cvqc-eyebrow{color:var(--r-purple2);font-size:11px;font-weight:900;letter-spacing:.18em}.cvqc-hero h1{margin:10px 0 8px;font-size:clamp(42px,4.3vw,66px);line-height:1;letter-spacing:-.045em}.cvqc-hero p{max-width:780px;margin:0;color:var(--r-muted);font-size:16px;line-height:1.6}
.cvqc-local-badge{min-width:240px;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid rgba(89,223,157,.18);border-radius:12px;background:rgba(89,223,157,.035)}.cvqc-local-badge i{width:8px;height:8px;border-radius:50%;background:var(--r-green);box-shadow:0 0 14px var(--r-green)}.cvqc-local-badge span{display:grid}.cvqc-local-badge b{font-size:10px;letter-spacing:.1em}.cvqc-local-badge small{font-size:9px;color:#738174}
.cvqc-shell{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;margin-top:18px}.cvqc-workspace,.cvqc-settings{display:grid;gap:18px;align-content:start}.cvqc-panel{border:1px solid var(--r-line);border-radius:18px;background:linear-gradient(150deg,#0d131c,#090d13);overflow:hidden}.cvqc-panel-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid var(--r-line)}.cvqc-panel-head>div:first-child{display:flex;align-items:center;gap:9px}.cvqc-panel-head>div:first-child span{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(123,92,255,.28);border-radius:8px;color:var(--r-purple2);font-size:9px;font-weight:900}.cvqc-panel-head b{font-size:12px;letter-spacing:.09em}.cvqc-panel-head small{font-size:10px;color:#687384}
.cvqc-head-actions{display:flex;gap:7px}.cvqc-btn{min-height:36px;padding:0 13px;border:1px solid var(--r-line);border-radius:8px;background:#0d131c;color:#cfd5df;font-size:10px;font-weight:800;cursor:pointer}.cvqc-btn:disabled{opacity:.35;cursor:not-allowed}
.cvqc-dropzone{width:calc(100% - 36px);min-height:300px;margin:18px;padding:20px;border:1px dashed rgba(159,134,255,.28);border-radius:14px;background:#090e15;color:#fff;display:grid;place-items:center;align-content:center;text-align:center;cursor:pointer;transition:.2s}.cvqc-dropzone:hover,.cvqc-dropzone.is-drag{border-color:#8b6dff;background:#0d1220}.cvqc-upload-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:rgba(123,92,255,.1);color:#9c83ff;font-size:29px}.cvqc-dropzone strong{margin-top:16px;font-size:20px}.cvqc-dropzone small{margin-top:5px;color:#98a2b2;font-size:11px}.cvqc-dropzone em{margin-top:12px;color:#626d7e;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em}
.cvqc-source-card{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 18px 18px;padding:9px;border:1px solid var(--r-line);border-radius:11px;background:#0a0f16}.cvqc-source-card[hidden]{display:none}.cvqc-source-card img{width:66px;height:66px;border-radius:8px;object-fit:cover}.cvqc-source-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.cvqc-source-card small{display:block;margin-top:5px;color:#778292;font-size:9px}.cvqc-source-card>span{font-size:10px;color:#8d98a9}
.cvqc-preview-panel{min-height:400px}.cvqc-preview-stage{min-height:330px;display:grid;place-items:center;padding:18px;background:#080c12}.cvqc-preview-empty{display:grid;place-items:center;align-content:center;text-align:center}.cvqc-preview-empty[hidden]{display:none}.cvqc-preview-empty span{color:#8066ff;font-size:8px;font-weight:900;letter-spacing:.14em}.cvqc-preview-empty b{margin-top:8px;font-size:15px}.cvqc-preview-empty p{margin:5px 0 0;color:#707b8b;font-size:10px}.cvqc-preview-stage canvas{display:block;max-width:100%;max-height:560px;border-radius:10px;box-shadow:0 22px 60px rgba(0,0,0,.32);background:#0b1016}.cvqc-preview-stage canvas[hidden]{display:none}
.cvqc-result-bar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1px;background:var(--r-line);border-top:1px solid var(--r-line)}.cvqc-result-bar[hidden]{display:none}.cvqc-result-bar>div{padding:14px 16px;background:#090e15}.cvqc-result-bar small,.cvqc-result-bar b{display:block}.cvqc-result-bar small{font-size:8px;color:#647080;letter-spacing:.08em;font-weight:900}.cvqc-result-bar b{margin-top:5px;font-size:13px}.cvqc-result-bar button{margin:10px 12px;min-width:130px;border:1px solid rgba(123,92,255,.45);border-radius:9px;background:rgba(123,92,255,.09);color:#ded7ff;font-size:10px;font-weight:900;cursor:pointer}.cvqc-result-bar button:hover:not(:disabled){background:#7758ff;color:#fff}.cvqc-result-bar button:disabled{opacity:.4}
.cvqc-setting{padding:20px 18px;border-bottom:1px solid var(--r-line)}.cvqc-setting>label,.cvqc-setting-row label{display:block;color:#8b95a5;font-size:9px;font-weight:900;letter-spacing:.12em}.cvqc-setting-row{display:flex;align-items:center;justify-content:space-between}.cvqc-setting-row output{font-size:18px;font-weight:900}.cvqc-setting p{margin:8px 0 0;color:#626c7b;font-size:10px;line-height:1.5}
.cvqc-dimension-grid{display:grid;grid-template-columns:1fr 42px 1fr;gap:8px;align-items:end;margin-top:10px}.cvqc-dimension-grid label{position:relative}.cvqc-dimension-grid label span{display:block;margin-bottom:6px;color:#687382;font-size:8px;font-weight:900}.cvqc-dimension-grid input{width:100%;height:48px;padding:0 34px 0 11px;border:1px solid var(--r-line);border-radius:9px;background:#090e15;color:#fff;font-size:16px;font-weight:800}.cvqc-dimension-grid em{position:absolute;right:10px;bottom:14px;color:#667282;font-size:9px;font-style:normal}.cvqc-lock{height:48px;border:1px solid var(--r-line);border-radius:9px;background:#0b1017;color:#788393;cursor:pointer}.cvqc-lock.is-active{color:#a48dff;border-color:rgba(123,92,255,.38);background:rgba(123,92,255,.08)}
.cvqc-setting input[type=range]{width:100%;accent-color:#7b5cff;margin-top:13px}
.cvqc-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.cvqc-preset-grid button,.cvqc-format-grid button{min-height:60px;text-align:left;padding:10px;border:1px solid var(--r-line);border-radius:9px;background:#0a0f16;color:#cbd2dc;cursor:pointer}.cvqc-preset-grid b,.cvqc-preset-grid small,.cvqc-format-grid b,.cvqc-format-grid small{display:block}.cvqc-preset-grid b,.cvqc-format-grid b{font-size:10px}.cvqc-preset-grid small,.cvqc-format-grid small{margin-top:3px;color:#657080;font-size:8px}.cvqc-preset-grid button:hover:not(:disabled),.cvqc-format-grid button:hover:not(:disabled){border-color:rgba(159,134,255,.42)}.cvqc-preset-grid button:disabled,.cvqc-format-grid button:disabled{opacity:.4;cursor:not-allowed}
.cvqc-setting select{width:100%;height:44px;margin-top:9px;padding:0 10px;border:1px solid var(--r-line);border-radius:9px;background:#090e15;color:#dbe1e9}.cvqc-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.cvqc-format-grid button.is-active{border-color:#7e61ff;background:rgba(123,92,255,.09);color:#fff}
.cvqc-process-btn{width:calc(100% - 36px);min-height:72px;margin:16px 18px 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;padding:0 16px;border:1px solid rgba(126,97,255,.48);border-radius:11px;background:linear-gradient(135deg,#6d4cff,#845eff);color:#fff;cursor:pointer}.cvqc-process-btn span{font-size:12px;font-weight:900}.cvqc-process-btn small{font-size:9px;color:#d5cdfb}.cvqc-process-btn b{grid-column:2;grid-row:1/3;font-size:20px}.cvqc-process-btn:disabled{filter:grayscale(.65);opacity:.38;cursor:not-allowed}
.cvqc-status{display:flex;align-items:center;gap:7px;margin:14px 18px 16px;color:#778294;font-size:9px;font-weight:900;letter-spacing:.08em}.cvqc-status i{width:6px;height:6px;border-radius:50%;background:var(--r-green);box-shadow:0 0 10px rgba(89,223,157,.7)}.cvqc-status.is-busy i{background:#a986ff}.cvqc-status.is-error{color:#ff8d9f}.cvqc-status.is-error i{background:#ff617c}
.cvqc-privacy{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:16px;border:1px solid rgba(89,223,157,.13);border-radius:13px;background:rgba(89,223,157,.025)}.cvqc-privacy svg{width:28px;height:28px;fill:none;stroke:var(--r-green);stroke-width:1.6}.cvqc-privacy b{font-size:9px;color:#7fddaa;letter-spacing:.1em}.cvqc-privacy p{margin:5px 0 0;color:#6e7986;font-size:10px;line-height:1.6}
@media(max-width:1100px){.cvqc-shell{grid-template-columns:1fr}.cvqc-settings{grid-row:1}.cvqc-preview-stage canvas{max-height:480px}}
@media(max-width:760px){body.cvq-compress-page .page-main>.shell.narrow{width:calc(100vw - 20px)!important}.cvqc-hero{display:grid;padding-top:20px}.cvqc-hero h1{font-size:38px}.cvqc-local-badge{min-width:0;width:100%}.cvqc-dimension-grid{grid-template-columns:1fr 38px 1fr}.cvqc-result-bar{grid-template-columns:repeat(3,1fr)}.cvqc-result-bar button{grid-column:1/-1;min-height:46px}.cvqc-preview-stage{min-height:250px}.cvqc-source-card{grid-template-columns:54px minmax(0,1fr)}.cvqc-source-card img{width:54px;height:54px}.cvqc-source-card>span{grid-column:1/-1}}


/* =========================================================
   CREVANIQ COMPRESS V1.1 — FILE SIZE OPTIMIZER
   ========================================================= */

.cvqc-v11-difference{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:12px;
  align-items:center;
  margin:18px 0 0;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:#090e15;
}
.cvqc-v11-difference>div{
  display:grid;
  gap:3px;
}
.cvqc-v11-difference small{
  color:#6d7888;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.cvqc-v11-difference b{
  color:#dfe4ea;
  font-size:11px;
}
.cvqc-v11-difference span{
  color:#717c8b;
  font-size:9px;
}
.cvqc-v11-difference>i{
  color:#5d6675;
  font-style:normal;
  font-weight:900;
}
.cvqc-v11-difference .is-active{
  padding:10px;
  border:1px solid rgba(123,92,255,.24);
  border-radius:9px;
  background:rgba(123,92,255,.06);
}
.cvqc-v11-difference .is-active small{
  color:#9f86ff;
}
.cvqc-v11-difference .is-active b{
  color:#fff;
}

.cvqc-target-hint,
[data-target-hint]{
  display:block;
  margin-top:8px;
  color:#7f8998;
  font-size:9px;
  line-height:1.45;
}

@media(max-width:640px){
  .cvqc-v11-difference{
    grid-template-columns:1fr;
  }
  .cvqc-v11-difference>i{
    display:none;
  }
}

/* V1.1.1 READABILITY + PREMIUM CTA */
.cvqc-app{--r-text:#f8f9fc;--r-muted:#aab3c1}
.cvqc-panel-head b{font-size:13px;color:#f7f8fb}.cvqc-panel-head small{font-size:11px;color:#98a3b2}
.cvqc-setting>label,.cvqc-setting-row label{font-size:10px;color:#b1bac7}
.cvqc-setting-row output{font-size:20px;color:#fff}.cvqc-setting p{font-size:11px;color:#929cab;line-height:1.65}
.cvqc-preset-grid b,.cvqc-format-grid b{font-size:12px;color:#f2f4f8}
.cvqc-preset-grid small,.cvqc-format-grid small{font-size:9px;color:#8c97a7}
.cvqc-setting select{font-size:12px;color:#f2f4f8}.cvqc-status{font-size:10px;color:#a1abba}
.cvqc-privacy b{font-size:10px}.cvqc-privacy p{font-size:11px;color:#8e98a7}

.cvqc-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 18px;border:1px solid var(--r-line);border-radius:12px;overflow:hidden;background:#090e15}
.cvqc-stats>div{min-width:0;padding:15px 13px;border-right:1px solid var(--r-line)}.cvqc-stats>div:last-child{border-right:0}
.cvqc-stats small{display:block;margin-bottom:7px;color:#8792a2;font-size:8px;font-weight:900;letter-spacing:.11em}
.cvqc-stats b{display:block;color:#fff;font-size:15px;line-height:1.1;white-space:nowrap}

.cvqc-process{position:relative;isolation:isolate;width:calc(100% - 36px);min-height:76px;margin:16px 18px 0;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;overflow:hidden;border:1px solid rgba(181,160,255,.78);border-radius:13px;background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.17),transparent 28%),linear-gradient(135deg,#6747f2 0%,#7c58ff 52%,#936eff 100%);box-shadow:0 12px 34px rgba(92,63,218,.22),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;text-align:left;cursor:pointer;transition:.18s ease}
.cvqc-process:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.13) 48%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
.cvqc-process:hover:not(:disabled){transform:translateY(-2px);border-color:#c0afff;box-shadow:0 16px 42px rgba(92,63,218,.36),inset 0 1px 0 rgba(255,255,255,.24)}
.cvqc-process:hover:not(:disabled):before{transform:translateX(120%)}
.cvqc-process span{display:flex;flex-direction:column;gap:5px;color:#fff;font-size:13px;font-weight:950;letter-spacing:.025em;line-height:1.15}
.cvqc-process span small{display:block;color:#e5dfff;font-size:9px;font-weight:650;letter-spacing:0}
.cvqc-process>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(7,9,18,.16);font-size:20px}
.cvqc-process:disabled{opacity:.48;filter:saturate(.65);cursor:not-allowed;transform:none;box-shadow:none}

@media(max-width:760px){.cvqc-stats{margin-left:14px;margin-right:14px}.cvqc-stats>div{padding:13px 10px}.cvqc-stats b{font-size:13px}.cvqc-process{width:calc(100% - 28px);margin-left:14px;margin-right:14px}}