:root{--ink:#183e44;--teal:#196b64;--bg:#f7f5ef;--line:#e4e7df;--muted:#667975;--gold:#bb8860;--white:#fff;--danger:#9b3c32}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.8}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,.dropzone:focus-within{outline:3px solid #aacfbd;outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1220px;margin:auto;padding:27px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;line-height:1.25;font-family:"Segoe UI",Arial,sans-serif;font-size:22px;letter-spacing:-.6px}.brand b{font-weight:400;color:var(--teal)}.brand small{display:block;font-family:Tahoma,sans-serif;direction:rtl;text-align:left;font-size:10px;margin-top:7px;letter-spacing:0;color:var(--muted)}.brand-icon{font-family:Georgia,serif;display:grid;place-items:center;width:43px;height:48px;border-radius:12px 4px 12px 4px;background:var(--ink);color:#f6ecd4;font-size:36px}.topbar nav{display:flex;gap:25px;align-items:center;font-size:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:47px;padding:10px 24px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:600}.button.primary{background:var(--ink);color:#fff}.button.primary:hover:not(:disabled){background:var(--teal)}.button:disabled{cursor:not-allowed;opacity:.45}.button.subtle{background:transparent;border-color:var(--line);color:var(--ink)}.button.subtle:hover{background:#edf0e9}.topbar .button{min-height:39px;padding:6px 17px}main{max-width:1150px;margin:auto;padding:45px 24px 0}.intro{margin-bottom:29px}.eyebrow{font-size:11px;letter-spacing:.2px;color:var(--teal);font-weight:700}.intro h1{font-family:Tahoma,"Segoe UI",sans-serif;font-size:38px;line-height:1.6;font-weight:700;margin:10px 0 14px;letter-spacing:-1.6px}.intro h1 span{color:var(--teal)}.intro p{font-size:14px;color:var(--muted);margin:0;line-height:1.95}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:34px;align-items:start}.converter{background:#fff;border:1px solid #e3e6de;border-radius:18px;padding:26px 29px 17px;box-shadow:0 12px 36px #24483b06}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-head h2{font-size:18px;margin:0}.tag{background:#eff3eb;color:#6b7e66;border:1px solid #e5ebdf;font-size:10px;padding:2px 9px;border-radius:6px;white-space:nowrap}.steps{display:flex;list-style:none;padding:19px 0 22px;margin:0;justify-content:space-between;font-size:11px;color:#8b9793;gap:10px}.steps li{display:flex;align-items:center;gap:8px}.steps b{display:grid;place-items:center;border:1px solid #e4e9e4;border-radius:50%;width:24px;height:24px;font-size:11px}.steps .active{color:var(--teal)}.steps .active b,.steps .done b{background:var(--teal);border-color:var(--teal);color:white}.steps .done{color:var(--teal)}.dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:244px;padding:30px 20px;background:#fbfcf8;border:1.5px dashed #bacabf;border-radius:12px;cursor:pointer;position:relative;transition:.15s}.dropzone:hover,.dropzone.drag{background:#f0f6ec;border-color:var(--teal)}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone strong{font-size:16px;margin-top:14px}.dropzone>span:not(.document-symbol){font-size:12px;color:#6c7b74}.dropzone u{color:var(--teal);text-underline-offset:4px}.dropzone small{font-size:10px;color:#8a958f;margin-top:13px}.document-symbol{position:relative;width:49px;height:57px;display:block;color:#789284}.document-symbol svg{width:49px;height:57px}.document-symbol i{position:absolute;top:17px;left:-12px;line-height:1.5;font:700 9px "Segoe UI",sans-serif;background:#ede8db;color:#8d745a;padding:4px 6px;border-radius:3px;font-style:normal}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.actions .primary{flex:1}.privacy{font-size:9px;color:#809088;text-align:center;margin:15px 0 0}.side-panel{padding:0 18px}.preview{position:relative;direction:ltr;height:202px;margin-top:-230px;margin-bottom:45px;margin-right:35px}.paper{position:absolute;width:135px;height:173px;padding:15px;background:#fff;border:1px solid #e1e4da;box-shadow:0 9px 20px #35544908;border-radius:5px}.paper-back{left:7%;top:0;transform:rotate(-9deg)}.paper-front{left:40%;top:27px;transform:rotate(5deg);background:#fcfdfb}.paper span{display:block;font:600 10px "Segoe UI",sans-serif;color:var(--gold);margin-bottom:24px}.paper-front span{color:var(--teal);margin-bottom:13px}.paper b{display:block;font-size:14px;direction:rtl;margin-bottom:9px}.paper i{display:block;height:4px;background:#e5e9e1;margin:10px 0;width:90%}.paper i:nth-child(odd){width:70%;margin-left:auto}.paper-front i{height:3px;background:#cadacb}.transfer{position:absolute;left:35%;top:72px;z-index:2;background:var(--ink);color:white;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:18px}.cursor{position:absolute;width:1.5px;height:12px;background:var(--teal);bottom:28px;right:28px}.side-panel h2{font-size:17px;margin:4px 0 20px}.side-panel ul{padding:0;list-style:none;margin:0}.side-panel li{display:flex;gap:12px;margin:19px 0}.side-panel li>span{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;background:#e6eee2;color:var(--teal);border-radius:50%;font-size:12px;margin-top:4px}.side-panel strong{font-size:12px}.side-panel li p{font-size:11px;color:var(--muted);margin:2px 0 0}.version-note{font-size:10px;color:#8a7762;border-top:1px solid #e6e2d8;padding-top:15px;margin-top:25px;line-height:1.9}.file-card{display:flex;align-items:center;gap:13px;background:#f8faf5;border:1px solid var(--line);border-radius:10px;padding:16px}.file-badge{display:grid;place-items:center;min-width:38px;height:45px;border:1px solid #d5ddd0;border-radius:5px;font:600 9px "Segoe UI",sans-serif;color:var(--teal)}.file-meta{min-width:0;flex:1}.file-meta strong{display:block;font-size:12px;overflow-wrap:anywhere}.file-meta span{font-size:10px;color:var(--muted)}.icon-button{border:0;background:transparent;color:var(--muted);font-size:23px;padding:0 8px}.progress-area{margin:25px 0 4px}.progress-heading{display:flex;justify-content:space-between;font-size:12px}.progress-heading span{font-family:"Segoe UI",sans-serif;color:var(--teal)}progress{display:block;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#edf1e9;margin-top:12px}progress::-webkit-progress-bar{background:#edf1e9}progress::-webkit-progress-value{background:var(--teal);border-radius:10px}progress::-moz-progress-bar{background:var(--teal)}#detail{font-size:11px;color:var(--muted);margin:9px 0 0}.message{font-size:12px;line-height:1.9;border-radius:8px;background:#eef4e8;color:var(--teal);padding:12px 15px;margin-top:16px}.message.error{background:#fbefeb;color:var(--danger)}.history{margin-top:40px}.history-head{display:flex;align-items:center;justify-content:space-between}.history-head h2{font-size:16px}.history-head .button{font-size:11px;min-height:34px;padding:5px 13px}.history-row{background:#fff;border:1px solid var(--line);border-radius:10px;margin:10px 0;display:flex;gap:16px;align-items:center;padding:15px 18px}.history-row .job-text{min-width:0;flex:1}.history-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.history-row small{font-size:10px;color:var(--muted)}.history-row button,.history-row a{font-size:11px;white-space:nowrap}.history-row .button{padding:5px 12px;min-height:34px}.history-row .delete{border:0;background:none;color:#92776b;font-size:11px;cursor:pointer}.empty{font-size:12px;color:var(--muted);padding:10px}footer{display:flex;justify-content:space-between;padding:26px 0;margin-top:40px;border-top:1px solid var(--line);font-size:10px;color:#84938c}.dot{padding:0 9px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;width:min(430px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 80px #0f383426}dialog::backdrop{background:#113a4155;backdrop-filter:blur(3px)}dialog form{position:relative}dialog h2{font-size:21px;margin:8px 0}dialog p{font-size:12px;color:var(--muted)}dialog label{display:block;font-size:12px;margin:20px 0 7px}dialog input{width:100%;border:1px solid #c7d4c6;border-radius:7px;padding:12px;color:var(--ink)}dialog .primary{width:100%;margin:5px 0 15px}dialog small{display:block;font-size:10px;color:var(--muted)}.close-dialog{position:absolute;left:-8px;top:-13px;font-size:24px;border:0;background:transparent;color:var(--muted)}.error-text{color:var(--danger)!important;min-height:12px}@media(min-width:1300px){main{padding-top:53px}.intro h1{font-size:42px}.workspace{gap:48px}.converter{padding:29px 32px 20px}.dropzone{min-height:260px}}@media(max-width:800px){.topbar{padding:21px 20px}.topbar nav{gap:12px}.topbar nav>a{display:none}main{padding:28px 18px 0}.intro h1{font-size:30px;letter-spacing:-1px}.intro p{font-size:12px}.workspace{display:flex;flex-direction:column;gap:24px}.converter{width:100%;padding:21px 18px 17px}.side-panel{padding:0 6px;width:100%}.preview{display:none}.side-panel h2{font-size:15px;margin-bottom:10px}.side-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-panel li{margin:8px 0}.side-panel li:last-child{grid-column:1/-1}.version-note{margin-top:12px}.card-head h2{font-size:16px}.steps{font-size:10px;gap:5px}.steps li{gap:5px}.dropzone{min-height:218px}.dropzone strong{font-size:14px}footer{gap:20px;font-size:9px;margin-top:25px}.history-row{gap:8px;padding:12px}.history-row .button{font-size:10px;padding:4px 8px}.brand{font-size:19px}.brand-icon{width:37px;height:42px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}