.pdf-to-image-page { background: radial-gradient(circle at 47% 10%, rgba(50, 91, 210, .18), transparent 29%), radial-gradient(circle at 85% 46%, rgba(190, 50, 100, .12), transparent 28%), linear-gradient(180deg, #020615, #04091b 72%, #071127); }
.pdf-to-image-content { max-width: 1180px; }
.pdf-to-image-hero .eyebrow { color: #6f96ff; }
.pdf-to-image-page-icon { color: #7399ff; border-color: rgba(91, 133, 240, .4); background: linear-gradient(145deg, rgba(48, 91, 205, .24), rgba(116, 48, 170, .22)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 36px rgba(68, 112, 231, .14); }
.pdf-to-image-page-icon svg, .pdf-to-image-workspace svg { width: 40px; height: 40px; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.pdf-to-image-workspace { overflow: hidden; border: 1px solid rgba(93, 111, 164, .25); border-radius: 18px; background: linear-gradient(145deg, rgba(17, 27, 54, .97), rgba(6, 13, 32, .99)); box-shadow: 0 24px 68px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .025); }
.pdf-to-image-workspace-heading { min-height: 76px; padding: 17px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(92, 108, 153, .17); }
.pdf-to-image-workspace-heading > div { display: flex; align-items: center; gap: 12px; }
.pdf-to-image-workspace-heading > div > span { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 42px; color: #7599ff; border: 1px solid rgba(91, 133, 240, .28); border-radius: 11px; background: rgba(51, 91, 194, .12); }
.pdf-to-image-workspace-heading svg { width: 23px; height: 23px; }
.pdf-to-image-workspace-heading h2 { margin: 0; font-size: 17px; }
.pdf-to-image-workspace-heading p { margin: 5px 0 0; color: #8d97ae; font-size: 14px; }
.pdf-to-image-workspace-heading > strong { color: #62d5b7; font-size: 13px; font-weight: 700; white-space: nowrap; }
.pdf-to-image-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr); }
.pdf-to-image-panel { min-width: 0; padding: 22px; }
.pdf-to-image-panel:first-child { border-right: 1px solid rgba(92, 108, 153, .17); }
.pdf-to-image-panel-heading { margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.pdf-to-image-panel-heading > span { width: 30px; height: 30px; display: grid; place-items: center; color: #88a6ff; border: 1px solid rgba(92, 135, 238, .3); border-radius: 8px; background: rgba(50, 89, 188, .13); font-size: 12px; font-weight: 800; }
.pdf-to-image-panel-heading h3 { margin: 0; font-size: 15px; }
.pdf-to-image-drop { min-height: 250px; padding: 28px 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px dashed rgba(96, 133, 226, .46); border-radius: 13px; background: radial-gradient(circle at 50% 40%, rgba(53, 91, 196, .13), transparent 40%), rgba(7, 15, 35, .7); text-align: center; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.pdf-to-image-drop.is-dragging { border-color: #759bff; background-color: rgba(48, 86, 183, .16); transform: scale(.995); }
.pdf-to-image-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.pdf-to-image-drop-icon { width: 58px; height: 58px; display: grid; place-items: center; color: #7599ff; border: 1px solid rgba(91, 134, 239, .34); border-radius: 15px; background: rgba(50, 91, 197, .13); }
.pdf-to-image-drop-icon svg { width: 31px; height: 31px; }
.pdf-to-image-drop > strong { margin-top: 16px; color: #e5e9f4; font-size: 17px; }
.pdf-to-image-drop p { margin: 5px 0 0; color: #858fa6; font-size: 14px; }
.pdf-to-image-drop button { height: 42px; margin: 19px 0 13px; padding: 0 23px; color: #fff; border: 0; border-radius: 9px; background: linear-gradient(135deg, #477cf4, #675ae6); box-shadow: 0 9px 24px rgba(69, 99, 218, .24); font-size: 14px; font-weight: 750; cursor: pointer; }
.pdf-to-image-drop button:disabled { opacity: .55; cursor: wait; }
.pdf-to-image-drop small { color: #6e7890; font-size: 12px; }
.pdf-to-image-file-details { margin: 12px 0 0; display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(78px, .7fr)); gap: 8px; }
.pdf-to-image-file-details > div { min-width: 0; padding: 10px 11px; border: 1px solid rgba(86, 103, 148, .18); border-radius: 8px; background: rgba(8, 17, 38, .55); }
.pdf-to-image-file-details dt { color: #747f97; font-size: 12px; }
.pdf-to-image-file-details dd { margin: 4px 0 0; overflow: hidden; color: #d8deec; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.pdf-to-image-settings { display: flex; flex-direction: column; }
.pdf-to-image-format { margin: 0; padding: 0; border: 0; }
.pdf-to-image-format legend { margin-bottom: 9px; color: #adb6ca; font-size: 14px; font-weight: 650; }
.pdf-to-image-format > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.pdf-to-image-format button { min-height: 76px; padding: 13px; display: grid; align-content: center; gap: 5px; color: #8791a8; border: 1px solid rgba(82, 100, 145, .28); border-radius: 10px; background: rgba(8, 17, 38, .54); text-align: left; cursor: pointer; }
.pdf-to-image-format button:hover { border-color: rgba(105, 144, 240, .58); }
.pdf-to-image-format button.is-active { color: #fff; border-color: rgba(102, 143, 244, .62); background: linear-gradient(145deg, rgba(54, 94, 199, .24), rgba(86, 61, 176, .2)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
.pdf-to-image-format button strong { font-size: 15px; }
.pdf-to-image-format button small { color: #78839b; font-size: 12px; }
.pdf-to-image-format button.is-active small { color: #aebce5; }
.pdf-to-image-summary { margin-top: 17px; padding: 15px; border: 1px solid rgba(82, 99, 143, .19); border-radius: 10px; background: rgba(8, 17, 38, .48); }
.pdf-to-image-summary > span { color: #6f7a92; font-size: 12px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.pdf-to-image-summary strong { display: block; margin-top: 7px; color: #dce2f0; font-size: 15px; }
.pdf-to-image-summary p { margin: 7px 0 0; color: #7d889f; font-size: 13px; line-height: 1.5; }
.pdf-to-image-actions { margin-top: auto; padding-top: 22px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.pdf-to-image-actions button { height: 44px; border-radius: 9px; font-size: 14px; font-weight: 750; cursor: pointer; }
.pdf-to-image-convert { color: #fff; border: 0; background: linear-gradient(135deg, #477cf4, #675ae6); box-shadow: 0 9px 24px rgba(68, 98, 216, .22); }
.pdf-to-image-clear { padding: 0 15px; color: #aab4c9; border: 1px solid rgba(91, 108, 151, .32); background: rgba(15, 26, 50, .72); }
.pdf-to-image-actions button:disabled { opacity: .4; cursor: default; }
.pdf-to-image-feedback { min-height: 64px; padding: 14px 22px; border-top: 1px solid rgba(92, 108, 153, .17); background: rgba(5, 12, 30, .68); }
.pdf-to-image-status-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8fa7ec; font-size: 13px; }
.pdf-to-image-status-row strong { color: #6dd8b8; font-size: 13px; }
.pdf-to-image-feedback progress { width: 100%; height: 7px; margin-top: 10px; overflow: hidden; border: 0; border-radius: 999px; background: #111c38; accent-color: #648bf2; }
.pdf-to-image-feedback progress::-webkit-progress-bar { border-radius: 999px; background: #111c38; }
.pdf-to-image-feedback progress::-webkit-progress-value { border-radius: 999px; background: linear-gradient(90deg, #477cf4, #745ce8); }
.pdf-to-image-feedback progress::-moz-progress-bar { border-radius: 999px; background: linear-gradient(90deg, #477cf4, #745ce8); }
.pdf-to-image-error { margin: 9px 0 0; color: #ff8499; font-size: 13px; line-height: 1.45; }
.pdf-to-image-result { margin-top: 12px; padding: 11px 12px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 1px solid rgba(81, 193, 145, .25); border-radius: 10px; background: rgba(44, 151, 105, .08); }
.pdf-to-image-result-icon { width: 32px; height: 32px; display: grid; place-items: center; color: #72ddb0; border-radius: 9px; background: rgba(61, 182, 127, .12); font-weight: 900; }
.pdf-to-image-result > div { min-width: 0; display: grid; gap: 4px; }
.pdf-to-image-result > div strong { overflow: hidden; color: #dce9e4; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.pdf-to-image-result > div small { color: #7f9b91; font-size: 12px; }
.pdf-to-image-result button { height: 36px; padding: 0 13px; color: #d9fff0; border: 1px solid rgba(91, 210, 160, .32); border-radius: 8px; background: rgba(56, 168, 119, .12); font-size: 13px; font-weight: 750; cursor: pointer; }
.pdf-to-image-information article > span { color: #6991fb; }
.pdf-to-image-information article:nth-child(2) > span { font-size: 15px; font-weight: 850; }
@media (max-width: 850px) {
  .pdf-to-image-grid { grid-template-columns: 1fr; }
  .pdf-to-image-panel:first-child { border-right: 0; border-bottom: 1px solid rgba(92, 108, 153, .17); }
  .pdf-to-image-file-details { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(74px, .7fr)); }
  .pdf-to-image-actions { margin-top: 12px; }
}
@media (max-width: 560px) {
  .pdf-to-image-workspace { border-radius: 14px; }
  .pdf-to-image-workspace-heading { padding: 15px 17px; align-items: flex-start; flex-direction: column; }
  .pdf-to-image-workspace-heading p { font-size: 13px; }
  .pdf-to-image-panel { padding: 17px; }
  .pdf-to-image-drop { min-height: 235px; padding: 24px 14px; }
  .pdf-to-image-file-details { grid-template-columns: 1fr 1fr; }
  .pdf-to-image-file-details > div:first-child { grid-column: 1 / -1; }
  .pdf-to-image-format > div { grid-template-columns: 1fr; }
  .pdf-to-image-actions { grid-template-columns: 1fr; }
  .pdf-to-image-clear { width: 100%; }
  .pdf-to-image-feedback { padding: 13px 17px; }
  .pdf-to-image-result { grid-template-columns: 34px minmax(0, 1fr); }
  .pdf-to-image-result button { grid-column: 1 / -1; width: 100%; }
}