.tool-ui{max-width:900px;margin:0 auto 90px;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px}.tool-upload{border:1.5px dashed #cdd2df;border-radius:20px;padding:42px;text-align:center;background:var(--bg)}.tool-upload input{margin:15px auto;display:block;max-width:100%}.tool-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.tool-controls label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.tool-controls input,.tool-controls select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;font:inherit;background:var(--surface);color:var(--ink)}.tool-preview{display:grid;place-items:center;min-height:180px;margin-top:18px;background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tool-preview img{max-width:100%;max-height:420px;display:block}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tool-actions button{border:0;border-radius:12px;background:var(--dark);color:var(--bg);padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}.tool-actions button.secondary{background:var(--line);color:var(--ink)}.tool-output{margin-top:16px;color:var(--muted);font-size:13px}.tool-tip{background:#f6f5ff;border:1px solid #e4e0ff;border-radius:14px;padding:14px;margin-top:18px;color:#5c55a8;font-size:12px}html.dark .tool-upload{border-color:#3a4661;background:#101629}html.dark .tool-tip{background:#1b1930;border-color:#39345e;color:#b9b2ff}@media(max-width:620px){.tool-ui{padding:16px;border-radius:20px}.tool-upload{padding:28px 15px}.tool-controls{grid-template-columns:1fr}}