/* ficklestudio26 · File tools (builds on /timer/timer.css) */
.t-drop { display:grid; place-items:center; gap:6px; padding:30px 14px; border:3px dashed #e8590c; border-radius:18px; background:#fff4e6; cursor:pointer; text-align:center; }
.t-drop.over, .t-drop.has { background:#d3f9d8; border-color:#40c057; }
.t-drop strong { font:800 clamp(20px,4vw,28px) system-ui,sans-serif; color:#d9480f; } .t-drop span { color:#5b5b66; font-weight:600; }
.t-drop input { display:none; }
.t-safe { margin:10px 0; padding:10px 14px; border:2px solid #40c057; background:#ebfbee; color:#2b8a3e; font:800 clamp(14px,2.5vw,17px)/1.4 system-ui,sans-serif; border-radius:12px; text-align:left; }
.t-list { list-style:none; padding:0; margin:10px 0; text-align:left; }
.t-list li { display:flex; gap:8px; align-items:center; padding:8px 10px; border:1px solid #e8e8ec; border-radius:10px; margin:6px 0; background:#fff; }
.t-name { flex:1; font-weight:700; word-break:break-all; } .t-size { color:#5b5b66; font-size:13px; white-space:nowrap; }
.t-b { border:1px solid #e8e8ec; background:#f8f9fa; border-radius:8px; padding:4px 10px; font:700 16px system-ui,sans-serif; cursor:pointer; }
.t-opts { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; text-align:left; margin:10px 0; }
.t-opts label { display:grid; gap:4px; font:700 12px system-ui,sans-serif; color:#5b5b66; text-transform:uppercase; letter-spacing:.05em; }
.t-opts select, .t-opts input[type=text], .t-opts input[type=number] { padding:10px; border:2px solid #e8e8ec; border-radius:10px; font:600 16px system-ui,sans-serif; background:#fff; width:100%; }
.t-opts .t-row { display:flex; gap:12px; flex-wrap:wrap; text-transform:none; letter-spacing:0; font:600 15px system-ui,sans-serif; color:#1d1d22; }
.t-opts .t-row label { display:flex; gap:6px; align-items:center; text-transform:none; letter-spacing:0; font:600 15px system-ui,sans-serif; color:#1d1d22; }
.t-msg { min-height:1.4em; font-weight:700; color:#5b5b66; } .t-msg.bad { color:#c92a2a; }
.t-res { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:12px; border:2px solid #40c057; background:#ebfbee; border-radius:12px; margin:8px 0; text-align:left; }
.t-res strong { display:block; word-break:break-all; } .t-res span { color:#5b5b66; font-size:14px; }
.t-note { text-align:left; font-weight:600; color:#5b5b66; }
.t-no { margin:10px 0; padding:10px 14px; border:2px solid #fa5252; background:#fff5f5; color:#c92a2a; border-radius:12px; font-weight:700; text-align:left; }
.cl-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; text-align:left; }
.cl-card { background:#fff4e6; border-radius:16px; padding:16px; } .cl-card h3 { margin:0 0 8px; font-size:18px; color:#d9480f; } .cl-card ul { list-style:none; padding:0; margin:0; } .cl-card li { margin:6px 0; } .cl-card a { font-weight:600; }