.tool-page{background:#f4f6f1}.workspace{max-width:1180px;margin:auto;padding:34px 28px 90px}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#7d8882;font-size:12px;margin-bottom:35px}.breadcrumbs a{text-decoration:none}.breadcrumbs b{color:var(--ink)}.tool-intro{display:flex;align-items:center;gap:20px}.tool-title-icon{width:70px;height:70px;border-radius:17px;display:grid;place-items:center;font-size:28px;background:#e9d9f8}.tool-intro h1{font:800 clamp(34px,4vw,50px) Manrope;margin:4px 0 3px;letter-spacing:-2px}.tool-intro p{margin:0;color:var(--muted)}.progress{list-style:none;display:flex;justify-content:center;margin:48px auto 27px;padding:0;max-width:680px}.progress li{flex:1;position:relative;text-align:center;color:#9aa39e;font-size:11px;font-weight:700}.progress li:not(:last-child):before{content:"";position:absolute;height:1px;background:#ccd4cf;left:58%;right:-42%;top:16px}.progress i{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e4e8e3;margin:0 auto 7px;font-style:normal;position:relative;z-index:1}.progress li.active{color:var(--green)}.progress li.active i{background:var(--green);color:white}.progress li.done i{background:#a5ccb9;color:var(--green-dark)}.progress li.done:not(:last-child):before{background:#87b7a3}.workspace-card{background:white;border:1px solid #dce2dc;border-radius:18px;box-shadow:0 18px 60px rgba(27,50,41,.08);min-height:490px;overflow:hidden}.stage{display:none;padding:42px}.stage.active{display:block}.large-drop{min-height:385px;border:2px dashed #b8c9c0;border-radius:14px;background:#f8faf7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;transition:.2s}.large-drop.dragover{background:#e9f4ed;border-color:var(--green);transform:scale(.995)}.drop-art{height:85px;width:100px;position:relative;margin-bottom:12px}.drop-art span{position:absolute;left:12px;top:7px;width:62px;height:75px;background:white;border:1px solid #b9c9c0;border-radius:6px;box-shadow:0 8px 20px rgba(30,60,48,.1);display:grid;place-items:center;color:var(--green);font:800 13px Manrope}.drop-art span:before{content:"";position:absolute;width:49px;height:3px;background:#dfe8e2;top:18px;left:6px;box-shadow:0 8px #dfe8e2,0 16px #dfe8e2}.drop-art i{position:absolute;right:2px;bottom:5px;width:35px;height:35px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-style:normal;border:4px solid #f8faf7}.large-drop h2{font:700 24px Manrope;margin:7px 0}.large-drop>p{font-size:13px;color:var(--muted);margin:0 0 22px}.large-drop small{margin-top:24px;color:#7c8982}.large-drop small b{color:var(--green)}.uploaded-files{display:grid;gap:9px;margin-top:15px}.upload-row{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px}.upload-row .file-symbol{width:39px;height:39px;border-radius:8px;background:#f2ded8;color:#aa4e3d;display:grid;place-items:center;font-size:10px;font-weight:800}.upload-row strong{display:block;font-size:13px}.upload-row small{color:#8a948f;font-size:10px}.upload-row .status{color:var(--green);font-size:11px;font-weight:700}.icon-remove{border:0;background:none;font-size:20px;color:#87918c;cursor:pointer}.stage-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.secondary-button{border:1px solid var(--line);border-radius:9px;background:white;padding:12px 18px;font-weight:700;cursor:pointer;color:var(--ink)}.settings-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:35px;min-height:350px}.stage-label{display:block;font-size:10px;letter-spacing:1.6px;color:#86918b;font-weight:800;margin-bottom:16px}.settings-files{display:grid;gap:9px}.settings-file{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:13px;border-radius:10px}.settings-file b{width:28px;height:28px;border-radius:7px;background:#e6ece7;display:grid;place-items:center;font-size:11px}.settings-file div{flex:1}.settings-file strong{font-size:12px;display:block}.settings-file small{font-size:10px;color:#8b948f}.settings-file .drag-handle{color:#9aa39e}.options-panel{background:#f6f8f4;border-radius:13px;padding:24px}.options-panel h2{font:700 19px Manrope;margin:0 0 22px}.option-group{margin-bottom:20px}.option-group label:first-child,.option-group>span{font-size:11px;font-weight:800;display:block;margin-bottom:8px}.option-group input[type=text],.option-group input[type=number],.option-group select{width:100%;border:1px solid #d9dfda;background:white;border-radius:8px;padding:11px;outline-color:var(--green)}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.radio-grid label{border:1px solid #d9dfda;background:white;border-radius:8px;padding:10px;font-size:11px;cursor:pointer}.radio-grid label:has(input:checked){border-color:var(--green);background:#edf7f1;color:var(--green);font-weight:700}.radio-grid input{accent-color:var(--green)}.range-line{display:flex;align-items:center;gap:10px}.range-line input{width:100%;accent-color:var(--green)}.processing-stage,.result-stage{text-align:center;padding:100px 25px!important}.loader{display:flex;justify-content:center;gap:8px;margin-bottom:25px}.loader span{width:15px;height:15px;border-radius:50%;background:var(--green);animation:bounce .9s infinite alternate}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-15px);opacity:.5}}.processing-stage h2,.result-stage h2{font:700 27px Manrope;margin:8px}.processing-stage p,.result-stage p{color:var(--muted)}.processing-bar{height:7px;background:#e4e9e4;border-radius:10px;max-width:390px;margin:25px auto 9px;overflow:hidden}.processing-bar i{display:block;width:0;height:100%;background:var(--green);transition:.2s}.processing-stage>b{font-size:11px;color:var(--green)}.success-mark{width:70px;height:70px;background:#dceee5;color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:34px;margin:0 auto 18px}.download-main{display:block;margin:25px auto 12px;min-width:220px}.result-note{margin-top:35px;font-size:10px;color:#89938e}.module-info{padding:90px 20px 20px}.module-info>div:first-child{text-align:center}.module-info h2{font:700 34px Manrope;letter-spacing:-1.5px;margin:10px}.mini-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.mini-steps article{text-align:center;padding:0 35px}.mini-steps i{width:28px;height:28px;border-radius:50%;background:#dcebe3;color:var(--green);display:grid;place-items:center;margin:auto;font-style:normal;font-weight:800;font-size:11px}.mini-steps h3{margin-bottom:6px}.mini-steps p{font-size:12px;color:var(--muted)}
@media(max-width:760px){.workspace{padding:25px 15px 60px}.tool-intro{align-items:flex-start}.tool-title-icon{width:55px;height:55px}.progress li span{display:none}.stage{padding:20px}.settings-layout{grid-template-columns:1fr}.large-drop{min-height:330px}.mini-steps{grid-template-columns:1fr;gap:30px}.header-actions{display:none}.upload-row{grid-template-columns:37px 1fr auto}.upload-row .status{display:none}}
.upload-row[draggable=true],.merge-file{cursor:grab}.upload-row.dragging,.merge-file.dragging{opacity:.45}.upload-row.drag-target,.merge-file.drag-target{border-color:var(--green);box-shadow:0 0 0 2px #dceee5}.button:disabled{background:#9aafa5;box-shadow:none;cursor:not-allowed;transform:none}.option-help{font-size:11px;color:#7c8781;line-height:1.5}.merge-summary{display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:6px;background:#eaf3ee;border:1px solid #d2e4da;border-radius:10px;padding:13px;margin-bottom:20px;color:var(--green-dark)}.merge-summary b{font:800 21px Manrope}.merge-summary span{font-size:10px}.merge-summary i{font-style:normal;color:#91a49a}.merge-summary p{grid-column:1/-1;margin:6px 0 0;padding-top:9px;border-top:1px solid #d2e4da;font-size:10px;line-height:1.5;color:#65756d}.order-buttons{display:flex;gap:3px}.order-buttons button,.settings-remove{width:25px;height:25px;border:1px solid var(--line);background:white;border-radius:5px;cursor:pointer}.order-buttons button:disabled{opacity:.3;cursor:not-allowed}.settings-remove{border:0;color:#8e9893;font-size:16px}
.workspace{max-width:1450px}.workspace-card.previewing{display:grid;grid-template-columns:minmax(0,1fr) 420px}.workspace-card.previewing .stage{min-width:0}.pdf-preview{background:#28322e;border-left:1px solid #17211d;color:white;min-height:490px;padding:18px;grid-column:2;grid-row:1}.preview-head{height:47px;display:flex;align-items:flex-start;justify-content:space-between}.preview-head span{font-size:8px;letter-spacing:1.5px;color:#8fa198;display:block;margin-bottom:3px}.preview-head strong{display:block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.preview-head button{border:0;background:#3c4843;color:white;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:17px}.preview-tabs{display:flex;gap:5px;overflow-x:auto;padding:4px 0 10px}.preview-tabs button{max-width:125px;border:1px solid #53605a;background:#35413c;color:#aebbb5;border-radius:6px;padding:6px 9px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.preview-tabs button.active{background:#e8f2ed;color:var(--green-dark);border-color:#e8f2ed}.preview-frame{height:510px;background:#515a56;border-radius:8px;overflow:hidden;display:grid;place-items:center}.preview-frame iframe,.preview-frame img{width:100%;height:100%;border:0;object-fit:contain;background:#626a67}.preview-empty{text-align:center;color:#b8c2bd}.preview-empty i{width:60px;height:76px;background:#f7f8f5;color:var(--green);font-style:normal;font-weight:800;font-size:11px;display:grid;place-items:center;margin:auto;border-radius:4px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.preview-empty p{font-size:11px}.preview-meta{display:flex;justify-content:space-between;color:#9eaaa4;font-size:9px;padding-top:10px}
@media(max-width:1100px){.workspace-card.previewing{grid-template-columns:minmax(0,1fr) 340px}.preview-frame{height:460px}.settings-layout{grid-template-columns:1fr}.pdf-preview{min-width:0}}
@media(max-width:760px){.workspace-card.previewing{display:block}.pdf-preview{border-left:0;border-top:1px solid #17211d;min-height:0}.preview-frame{height:480px}.preview-head strong{max-width:240px}}
@media(max-width:760px){.tool-page .header-actions{display:flex}.tool-page .header-actions .menu-button{display:block}}
.connector-notice{background:#fff4de;border:1px solid #ead5a9;border-radius:9px;padding:13px;margin-bottom:17px;color:#6e5422}.connector-notice b{font-size:10px}.connector-notice p{font-size:9px;line-height:1.55;margin:5px 0}.connector-notice a{font-size:9px;font-weight:800;color:#805e1d}
.output-preview{text-align:center;color:#dfe9e4;padding:30px}.output-preview i{width:76px;height:92px;border-radius:7px;background:#dc6549;color:white;display:grid;place-items:center;margin:0 auto 18px;font:800 31px Manrope;font-style:normal;box-shadow:0 12px 28px rgba(0,0,0,.25)}.output-preview h3{font:700 16px Manrope;margin:0 0 6px}.output-preview p{font-size:10px;color:#b8c6bf}.output-preview small{display:block;max-width:240px;line-height:1.5;color:#91a198;font-size:8px;margin:13px auto}
.connector-notice code{background:#f4dfb7;padding:2px 4px;border-radius:3px}.connector-notice span{font-size:8px;font-weight:800}.connector-notice .online{color:#267956}.connector-notice .offline{color:#a34e39}