@import url('/assets/site-v2.css');
.workbench{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 40px #253d3b08}.drop{display:block;border:2px dashed #b6c8c0;border-radius:16px;padding:38px 24px;text-align:center;background:#f5f9f5;cursor:pointer}.drop.over{border-color:var(--green);background:#e6f1e5}.drop input{display:block;margin:18px auto 0;max-width:100%}.drop strong{font-size:22px;display:block}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}label{font-size:14px;font-weight:600}select,input[type=number],input[type=text]{width:100%;padding:12px;margin-top:7px;border:1px solid #cad4ce;border-radius:9px;background:white;font:inherit}input[type=range]{width:100%;margin-top:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.status{padding:12px 0;font-size:14px;min-height:45px}.status.error{color:#9a351b}.results{display:grid;gap:12px;margin-top:15px}.result{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.result img{width:72px;height:72px;object-fit:contain;background:#edf0eb;border-radius:8px}.result div{flex:1;min-width:0}.result a{font-size:14px}.preview-doc{background:white;padding:20px;color:#111;font-family:Arial,sans-serif;line-height:1.5;overflow-wrap:anywhere}.preview-doc img{max-width:100%;height:auto}.preview-doc table{border-collapse:collapse;width:100%}.preview-doc td{border:1px solid #aaa;padding:5px}.doc-wrap{max-height:450px;overflow:auto;border:1px solid var(--line);margin-top:20px}.doc-wrap:empty{display:none}.notice{padding:16px 20px;background:#fff6dd;border-radius:12px;color:#665225;font-size:14px;margin:20px 0}button:disabled{opacity:.5;cursor:wait}progress{width:100%;accent-color:var(--green);height:10px}.help{max-width:800px;margin:55px auto}.help h2{font-size:28px}.help li{margin:10px 0}.sample-link{border:0;background:none;text-decoration:underline;color:var(--green);cursor:pointer;font:inherit;padding:8px 0}@media(max-width:700px){.controls{grid-template-columns:1fr 1fr}.workbench{padding:18px}.result{flex-wrap:wrap}.drop{padding:25px 10px}}@media(max-width:420px){.controls{grid-template-columns:1fr}}