/* สไตล์เฉพาะของหน้าแปลงไฟล์ — ส่วนกลางอยู่ใน ui-kit/campus-ui.css */
.tools .card{min-height:150px}
.tools .card.off{opacity:.55;cursor:not-allowed}
.tools .card.off:hover{transform:none;box-shadow:none;border-color:var(--line)}
.tools .tag{margin-left:6px;vertical-align:middle}
.back{margin-bottom:14px}
.workspace{display:flex;flex-direction:column;gap:16px}
.ws-head{display:flex;gap:16px;align-items:center}
.ws-head h2{margin:0;font-size:24px}
.ws-head p{margin:0}
.opts{display:flex;flex-direction:column;gap:2px}
.opts .field{margin-bottom:10px}
.opts output{font-weight:600;color:var(--primary-deep)}
.ws-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.status p{margin:8px 0 0}
.files .mv{border:0;background:transparent;color:var(--muted);cursor:pointer;width:30px;height:30px;border-radius:50%;font:inherit;flex:none}
.files .mv:hover:not(:disabled){background:var(--secondary-soft);color:var(--secondary-deep)}
.files .mv:disabled{opacity:.25;cursor:default}
.files .no{width:26px;text-align:center;color:var(--muted);font-size:13px;flex:none}
.result{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px;border-radius:var(--radius);background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.result .info{flex:1;min-width:200px}
.result .info b{display:block;word-break:break-all}
.note p{margin:6px 0 0;color:var(--muted);font-size:14px}
.mx{margin-left:auto;margin-right:auto}
.bar-actions .badge{white-space:nowrap}
.ico-chip svg{display:block}
@media(max-width:700px){.ws-head{align-items:flex-start}.bar-actions .quota-txt{display:none}}

.cchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cchip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--radius-btn);padding:6px 16px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .15s,border-color .15s}
.cchip:hover{border-color:var(--primary)}
.cchip.on{background:var(--primary-deep);border-color:var(--primary-deep);color:var(--on-primary-deep)}
.sizecustom{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.sizecustom input[type=number]{width:110px}.sizecustom select{width:auto}
.note-box{margin-top:12px;white-space:normal}