.intro{padding:35px 0 22px}.intro p:last-child{max-width:650px}.merge-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);gap:18px;align-items:start}.merge-workspace .card{padding:24px;min-width:0}.merge-output{position:sticky;top:16px}.files-card .drop-zone{min-height:135px;margin-top:18px}.files-card .drop-label{padding:16px}.files-card .drop-zone p{margin:0 0 10px}.limit-note{margin:10px 0 0;color:#7785a0;font-size:.8rem;line-height:1.4}.file-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:22px 0 10px}.file-list-heading h3{font-size:.98rem;margin:0;color:#1d2d51}.file-list-heading span{font-size:.8rem;color:#71809b}.empty-list{margin:0;padding:26px 14px;border:1px dashed #c9d5e8;border-radius:12px;text-align:center;color:#657590;font-size:.9rem}.merge-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.merge-row{display:grid;grid-template-columns:26px 54px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:76px;padding:10px 11px;border:1px solid #dce4ef;border-radius:12px;background:#fff;position:relative}.merge-row.dragging{opacity:.48}.merge-row.drop-before:before,.merge-row.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:#315ee0;border-radius:2px;z-index:2}.merge-row.drop-before:before{top:-6px}.merge-row.drop-after:after{bottom:-6px}.row-number{color:#72829d;font-weight:750;font-size:.82rem;text-align:center}.row-thumb{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border-radius:8px;background:#e9eef7;color:#4160a2;font-size:.69rem;font-weight:800}.row-thumb img{max-width:100%;max-height:100%;object-fit:contain}.row-info{min-width:0}.row-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.91rem;font-weight:760;color:#203256}.row-meta{display:block;margin-top:5px;color:#7686a0;font-size:.77rem}.row-actions{display:flex;gap:5px}.row-actions button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d6dfeb;border-radius:8px;background:#fff;color:#37547e;cursor:pointer;font-size:1.05rem}.row-actions button:hover:not(:disabled){background:#edf2ff;border-color:#819ada}.row-actions button.remove{color:#a43a4b}.row-actions button:disabled{opacity:.4;cursor:not-allowed}.output-summary{font-size:1.15rem;font-weight:800;color:#1f3256;margin-top:25px;line-height:1.35}.output-hint{color:#63738f;font-size:.88rem;line-height:1.5;margin:8px 0 28px}.merge-output .field-label{display:block;margin-bottom:9px}.name-field{display:flex;align-items:center;border:1px solid #cbd7e7;border-radius:10px;overflow:hidden;background:#fff}.name-field:focus-within{outline:2px solid #758ee4;outline-offset:2px}.name-field input{min-width:0;width:100%;height:44px;border:0;outline:0;padding:0 11px;color:#192a4d;background:transparent;font-size:.94rem}.name-field span{padding:0 13px 0 6px;color:#65738c;font-weight:700}.merge-output .create-button{width:100%;margin-top:20px}.merge-status{margin:13px 0 0;font-size:.86rem;line-height:1.5;color:#285b87}.merge-status:empty{display:none}.merge-status.error{color:#a23849}.merge-status.success{color:#167355}.below-note{margin:20px 0 52px}.row-actions button:focus-visible,.name-field input:focus-visible{outline:3px solid #7fa0eb;outline-offset:2px}
@media(max-width:850px){.merge-workspace{grid-template-columns:1fr}.merge-output{position:static}}
@media(max-width:600px){.intro{padding:30px 0 20px}.intro h1{font-size:2.35rem}.merge-workspace .card{padding:19px}.file-list-heading{display:block}.file-list-heading span{display:block;margin-top:5px}.merge-row{grid-template-columns:22px 45px minmax(0,1fr);gap:8px}.row-thumb{width:45px;height:52px}.row-actions{grid-column:3;justify-content:flex-end}.row-actions button{width:35px;height:35px}.row-meta{font-size:.74rem}}