/* ===================== CABECALHO DA PAGINA PDF ===================== */
  .pdf-head { padding-top: clamp(2.2rem, 5vw, 3.6rem); padding-bottom: var(--sp-3); position: relative; overflow: hidden; }
  .pdf-head-mesh {
    position: absolute; inset: -40% -10% auto -10%; height: 120%;
    background: radial-gradient(560px 320px at 70% 0%, rgba(249,115,22,0.16), transparent 64%);
    filter: blur(46px); opacity: 0.9; pointer-events: none;
  }
  .pdf-head .wrap { position: relative; z-index: 2; }
  .pdf-head h1 { font-size: var(--step-3); margin-top: var(--sp-2); }
  .pdf-head p.lead { color: var(--ink-dim); margin-top: 0.6rem; font-family: 'JetBrains Mono', monospace; font-size: var(--step--1); letter-spacing: 0.06em; }
  .pdf-head p.lead b { color: var(--ink); font-weight: 600; }

  /* ===================== GRID DE FERRAMENTAS ===================== */
  .tools { padding-top: var(--sp-3); padding-bottom: var(--sp-4); }
  .tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

  .tile {
    position: relative; display: flex; flex-direction: column; align-items: flex-start;
    gap: 0.8rem; padding: 1.35rem; text-align: left;
    background: var(--tile); color: var(--ink); cursor: pointer; border: 0;
    box-shadow: 7px 7px 26px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.05);
    transition: transform .13s var(--ease), box-shadow .13s var(--ease), background .2s var(--ease);
    min-height: 142px; width: 100%; font-family: inherit;
  }
  .tile:hover { background: #202026; transform: translate(-2px,-2px); box-shadow: 9px 9px 34px rgba(0,0,0,0.62), inset 0 1px 0 rgba(255,255,255,0.07); }
  .tile:active { transform: translate(5px,5px); box-shadow: 2px 2px 8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05); }
  .tile[aria-pressed="true"] {
    background: linear-gradient(180deg, #1E140C, #16100B);
    box-shadow: 7px 7px 26px rgba(0,0,0,0.5), 10px 10px 44px -10px rgba(249,115,22,0.42), inset 0 1px 0 rgba(255,255,255,0.04);
  }
  .tile[aria-pressed="true"] .tile-ico { background: var(--orange); color: #fff; }

  .tile-ico { width: 42px; height: 42px; display: grid; place-items: center; background: rgba(255,255,255,0.05); color: var(--ink); flex: none; }
  .tile-ico svg { width: 21px; height: 21px; }
  .tile-name { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: var(--step-0); letter-spacing: -0.015em; }
  .tile-hint { font-family: 'JetBrains Mono', monospace; font-size: 0.66rem; color: var(--ink-dim); letter-spacing: 0.02em; margin-top: -0.3rem; }

  /* tile especial PDF->DXF (no app) */
  .tile.app-only { background: linear-gradient(180deg, #100D0C, #0A0A0C); }
  .tile.app-only .tile-ico { background: rgba(249,115,22,0.12); color: var(--orange); }
  .tile-badge {
    position: absolute; right: 0.9rem; top: 0.9rem;
    font-family: 'JetBrains Mono', monospace; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--orange); background: rgba(249,115,22,0.1); padding: 0.25rem 0.45rem;
  }

  /* ===================== AREA DE TRABALHO DA FERRAMENTA ===================== */
  .workspace { padding-bottom: var(--sp-4); scroll-margin-top: 80px; }
  .ws-panel {
    background: var(--surface); border: 1px solid var(--line);
    padding: clamp(1.4rem, 4vw, 2.2rem);
    box-shadow: 0 30px 90px -50px rgba(0,0,0,0.9);
  }
  .ws-empty {
    border: 1px dashed var(--line); padding: clamp(2rem, 6vw, 3.4rem); text-align: center;
    color: var(--ink-faint); font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; letter-spacing: 0.05em;
  }
  .ws-empty svg { width: 34px; height: 34px; margin: 0 auto var(--sp-2); color: var(--ink-faint); }

  .ws-head { display: flex; align-items: center; gap: 0.9rem; margin-bottom: var(--sp-3); }
  .ws-head .ws-ico { width: 40px; height: 40px; display: grid; place-items: center; background: var(--orange); color: #fff; flex: none; }
  .ws-head .ws-ico svg { width: 20px; height: 20px; }
  .ws-head h2 { font-size: var(--step-1); }
  .ws-head p { color: var(--ink-dim); font-size: 0.82rem; margin-top: 0.1rem; }

  /* dropzone */
  .dz {
    border: 1px dashed var(--line); background: rgba(255,255,255,0.012);
    padding: clamp(1.6rem, 5vw, 2.6rem); text-align: center; cursor: pointer;
    transition: border-color .2s var(--ease), background .2s var(--ease);
  }
  .dz:hover, .dz.drag { border-color: var(--orange); background: rgba(249,115,22,0.05); }
  .dz svg { width: 36px; height: 36px; margin: 0 auto 0.8rem; color: var(--ink-dim); }
  .dz .dz-title { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: var(--step-0); }
  .dz .dz-hint { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: var(--ink-faint); margin-top: 0.35rem; letter-spacing: 0.04em; }

  /* lista de arquivos selecionados */
  .filelist { margin-top: var(--sp-3); display: flex; flex-direction: column; gap: 6px; }
  .file-row {
    display: flex; align-items: center; gap: 0.7rem; padding: 0.6rem 0.8rem;
    background: var(--tile); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    font-family: 'JetBrains Mono', monospace; font-size: 0.74rem;
  }
  .file-row .fr-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
  .file-row .fr-meta { color: var(--ink-faint); font-size: 0.66rem; flex: none; }
  .file-row .fr-move, .file-row .fr-del {
    background: none; border: 0; color: var(--ink-faint); cursor: pointer; padding: 0.2rem; display: grid; place-items: center;
    transition: color .15s var(--ease);
  }
  .file-row .fr-move:hover { color: var(--ink); }
  .file-row .fr-del:hover { color: var(--orange); }
  .file-row svg { width: 14px; height: 14px; }

  /* opcoes */
  .ws-opts { margin-top: var(--sp-3); display: grid; gap: var(--sp-2); }
  .opt-row { display: flex; flex-direction: column; gap: 0.4rem; }
  .opt-row label { font-family: 'JetBrains Mono', monospace; font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-dim); }
  .opt-row input[type="text"], .opt-row input[type="number"], .opt-row select {
    background: var(--tile); border: 1px solid var(--line); color: var(--ink);
    font-family: 'Inter', sans-serif; font-size: var(--step-0); padding: 0.7rem 0.9rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03); width: 100%;
  }
  .opt-row input:focus, .opt-row select:focus { outline: none; border-color: var(--orange); }
  .opt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-2); }
  .opt-inline { display: flex; align-items: center; gap: 0.6rem; }
  .opt-inline input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--orange); }
  .opt-inline label { text-transform: none; font-size: 0.8rem; letter-spacing: 0.02em; }

  /* acao */
  .ws-actions { margin-top: var(--sp-3); display: flex; gap: 0.8rem; flex-wrap: wrap; align-items: center; }

  /* progresso */
  .ws-progress { margin-top: var(--sp-3); display: none; }
  .ws-progress.show { display: block; }
  .pbar { height: 8px; background: var(--tile); overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); }
  .pbar > i { display: block; height: 100%; width: 0%; background: linear-gradient(90deg, var(--orange-lit), var(--orange), var(--orange-deep)); transition: width .2s var(--ease); }
  .pmsg { font-family: 'JetBrains Mono', monospace; font-size: 0.68rem; color: var(--ink-dim); margin-top: 0.5rem; letter-spacing: 0.04em; }

  /* mensagens de erro/sucesso */
  .ws-msg { margin-top: var(--sp-3); padding: 0.85rem 1rem; font-family: 'JetBrains Mono', monospace; font-size: 0.74rem; letter-spacing: 0.02em; display: none; }
  .ws-msg.show { display: block; }
  .ws-msg.err { background: rgba(239,68,68,0.1); color: #fca5a5; }
  .ws-msg.ok { background: rgba(34,197,94,0.1); color: #86efac; }

  /* resultados (downloads / texto) */
  .ws-result { margin-top: var(--sp-3); display: none; }
  .ws-result.show { display: block; }
  .result-files { display: flex; flex-direction: column; gap: 6px; }
  .result-out {
    background: var(--tile); padding: 0.5rem 0.5rem 0.5rem 0.9rem; display: flex; align-items: center; gap: 0.7rem;
    font-family: 'JetBrains Mono', monospace; font-size: 0.74rem; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  }
  .result-out .ro-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .result-text {
    background: var(--base); border: 1px solid var(--line); padding: 1rem; max-height: 320px; overflow: auto;
    font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; line-height: 1.6; white-space: pre-wrap; color: var(--ink-dim);
  }
  .result-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
  .thumb { background: var(--tile); padding: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); }
  .thumb img { width: 100%; height: auto; display: block; background: #fff; }
  .thumb .tcap { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; font-family: 'JetBrains Mono', monospace; font-size: 0.62rem; color: var(--ink-faint); }
  .thumb a.dl { color: var(--orange); cursor: pointer; }

  /* botao pequeno tatil pra download de resultado */
  .btn-sm { padding: 0.55rem 1rem; font-size: 0.78rem; gap: 0.45rem; }
  .btn-sm svg { width: 15px; height: 15px; }

  @media (max-width: 1024px) { .tools-grid { grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 760px) { .tools-grid { grid-template-columns: repeat(2, 1fr); } .opt-grid { grid-template-columns: 1fr; } }
  @media (max-width: 420px) { .tools-grid { grid-template-columns: 1fr; } }