:root { --accent: #2f5d50; --accent-soft: rgba(47,93,80,.1); }
body[data-site="pdfkit"] .brand-mark { background: var(--accent); color: #fff; }
.mode-tabs { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:1rem; }
.mode-tab { border:1px solid var(--line,#d5cfbc); background:#fff; border-radius:999px; padding:.55rem 1rem; cursor:pointer; font:inherit; }
.mode-tab.is-active { background: var(--accent); color:#fff; border-color: transparent; }
.dropzone { border:1.5px dashed #b7b09a; border-radius:16px; padding:1.25rem; background: rgba(255,255,255,.65); text-align:center; }
.dropzone.is-drag { border-color: var(--accent); background: var(--accent-soft); }
.file-list, .page-list { list-style:none; padding:0; margin:.75rem 0 0; display:grid; gap:.5rem; }
.file-list li, .page-list li { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; justify-content:space-between; padding:.65rem .8rem; border-radius:12px; background:#fff; border:1px solid var(--line,#d5cfbc); }
.file-list .meta, .page-list .meta { font-size:.86rem; color: var(--dim,#625f57); }
.toolbar-row { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.85rem; }
.hint { font-size:.9rem; color: var(--dim,#625f57); margin:.5rem 0 0; }
.panel[hidden] { display:none !important; }
#result { min-height:1.5rem; margin-top:.75rem; font-weight:600; }
.status-ok { color: var(--accent); }
.status-bad { color: #b5473b; }
.range-input { width:100%; max-width:280px; }

/* polish: mobile form comfort */
@media (max-width:700px){
  .studio-card label,.field,label{display:block;margin:.55rem 0}
  input[type=text],input[type=number],input[type=date],input[type=time],input[type=search],input[type=password],textarea,select{width:100%;max-width:100%;box-sizing:border-box}
  .mode-tabs,.pw-modes,.conv-tabs,.category-tabs{gap:.35rem;flex-wrap:wrap}
  .mode-tab{padding:.5rem .85rem;font-size:.9rem}
  .maker-actions,.toolbar-row,.result-actions{display:flex;flex-wrap:wrap;gap:.5rem}
  .preset-row,.ratio-chips,.quick-row{display:flex;flex-wrap:wrap;gap:.4rem}
  canvas,#waveCanvas,#spectrumCanvas{max-width:100%;height:auto}
  pre#out,pre#resultBox,pre#pdfInfoOut{font-size:.82rem}
}