.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d3e1d8;border-radius:15px;box-shadow:0 15px 40px #1a392208;overflow:hidden;background:white}.workspace-input,.workspace-output{padding:27px}.workspace-output{background:#f3f7f3;border-left:1px solid var(--line)}.panel-heading{display:flex;gap:10px;align-items:center;margin-bottom:24px}.panel-heading h2{font:600 15px Arial,sans-serif;letter-spacing:0}.step{font-size:10px;border:1px solid #d4e2d7;color:var(--green);border-radius:50%;display:grid;place-items:center;width:24px;height:24px}.local-label{margin-left:auto;font-size:8px;letter-spacing:1px;color:var(--muted)}.dropzone{border:1.5px dashed #afccbb;border-radius:10px;background:#f8fbf7;min-height:205px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;text-align:center;padding:20px;cursor:pointer}.dropzone:hover,.dropzone.dragging{border-color:var(--green);background:#eaf4ed}.upload-mark{background:#e5f0e7;border-radius:10px;padding:11px;color:var(--green);margin-bottom:5px}.dropzone strong{font-size:15px}.dropzone>span:not(.upload-mark){font-size:12px;color:var(--muted)}.dropzone small{font-size:10px;color:#7d8c82;margin-top:5px}label{font-size:11px;font-weight:600;display:block}input,select{display:block;width:100%;border:1px solid #d6e0d9;border-radius:6px;background:white;color:var(--ink);padding:10px;margin-top:7px;font-size:12px;min-height:40px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}fieldset{border:1px solid var(--line);border-radius:8px;margin:18px 0 0;padding:12px}fieldset legend{font-size:11px;font-weight:600}fieldset .form-grid{margin-top:0}fieldset small{font-size:10px;color:var(--muted);display:block;margin-top:9px}#divider-field{margin-top:16px}.input-footnote{display:flex;align-items:start;gap:7px;font-size:10px;margin-top:13px;line-height:1.6}.input-footnote svg{width:13px;height:13px;margin-top:2px}.selected-file{font-size:12px;color:var(--green);padding:10px 0;overflow-wrap:anywhere}.empty-result{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}.empty-page{display:grid;place-items:center;width:65px;height:78px;background:white;border:1px solid var(--line);border-radius:7px;box-shadow:0 6px 12px #243b2705;color:#acc4b4;transform:rotate(5deg);margin-bottom:6px}.empty-page svg{width:31px;height:31px}.empty-result strong{font-size:15px;font-weight:500}.empty-result p{font-size:12px}.sample-lines{width:140px;display:grid;gap:7px;margin-top:8px}.sample-lines i{height:3px;background:#dce7df;border-radius:3px}.sample-lines i:nth-child(2){width:82%;margin:auto}.sample-lines i:last-child{width:58%;margin:auto}.expiry{margin-left:auto;font-size:10px;color:var(--green)}.job-progress{font-size:12px;color:var(--green);margin-bottom:12px;overflow-wrap:anywhere}#result-page{margin-bottom:13px}textarea{display:block;width:100%;resize:vertical;min-height:270px;border:1px solid #d6e0d9;border-radius:8px;padding:16px;color:var(--ink);background:white;font-size:14px;line-height:1.8}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.result-actions .button{font-size:12px;padding:10px 15px}.session-actions{display:flex;justify-content:space-between;gap:14px;margin:22px 0 10px;font-size:10px}.session-actions button{border:0;padding:0;background:none;text-decoration:underline;color:var(--muted);font-size:10px}.workspace .fine{font-size:10px;line-height:1.6}.dropzone:has(+input:focus-visible){outline:3px solid #de8e51;outline-offset:3px}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.workspace-output{border-left:0;border-top:1px solid var(--line)}.workspace-input,.workspace-output{padding:22px}.empty-result{min-height:250px}.panel-heading{gap:8px}.panel-heading h2{font-size:14px}.local-label{font-size:7px}.result-actions{gap:6px}}