:root{font-family:Inter,Segoe UI,sans-serif;color:#172033;background:#f7f9f8;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--border:#dfe7ea;--text:#172033;--muted:#58657a;--accent:#0d5c70;--accent-soft:#e9f4f6;--success:#1b8c61;--success-soft:#e9f7f1;--danger:#b54436;--danger-soft:#fff1ed;--shadow:0 20px 50px rgba(15,23,42,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f7f9f8,#eef3f2);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}#root{min-height:100vh}.site-shell{min-height:100vh;display:flex;flex-direction:column}.page-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:36px 0 50px;flex:1}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #dde5ef;background:#f8fafced;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;width:min(1100px,calc(100% - 32px));min-height:72px;margin:0 auto}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;background:#f06449;color:#fff;font-family:Consolas,monospace;font-size:18px;font-weight:700}.nav-links{display:flex;gap:26px;font-size:14px;font-weight:600;color:#536175}.site-footer{background:#172033;color:#eef3f9;padding:36px 0 26px}.footer-content{width:min(1100px,calc(100% - 32px));margin:0 auto}.footer-brand{font-size:17px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.footer-links a,.site-footer small{color:#d4ddea;font-size:12px}.site-footer small{display:block;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.tool-panel{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:30px 28px 26px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.eyebrow{margin:0 0 8px;color:#d26045;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p,ol{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.06em;line-height:1.08}.hero-icon{color:var(--accent)}.page-subtitle{max-width:680px;margin-top:16px;color:var(--muted);font-size:1.1rem;line-height:1.6}.privacy-banner{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;border-radius:999px;background:var(--success-soft);border:1px solid rgba(27,140,97,.18);color:var(--success);font-weight:600}.dropzone-wrap{margin-top:28px}.dropzone-wrap.dragging-wrap .dropzone{border-color:var(--accent);background:var(--accent-soft)}.dropzone{display:flex;align-items:stretch;justify-content:center;min-height:280px;border:2px dashed #b9d4d7;border-radius:22px;background:linear-gradient(180deg,#f9fbfb,#f3f8f6)}.dropzone-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 20px;text-align:center}.dropzone-content h2{margin:0;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em}.dropzone-content p{margin:0;color:var(--muted)}.dropzone-icon{color:var(--accent)}.dropzone-caption{color:var(--muted);font-size:.9rem}.file-input{position:absolute;opacity:0;pointer-events:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.9rem 1.25rem;border:0;border-radius:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(180deg,#0d5c70,#0a4351);color:#fff;box-shadow:0 12px 24px #0d5c7033}.button.secondary{background:#f3f7f8;color:var(--text);border:1px solid var(--border)}.selected-file{display:flex;align-items:center;gap:16px;width:min(100%,620px);padding:22px;color:var(--accent)}.selected-file>div{display:flex;flex:1;min-width:0;flex-direction:column}.selected-file strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.selected-file span{color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px}.remove{color:var(--danger);background:var(--danger-soft)}.password-panel{display:grid;gap:9px;max-width:620px;margin-top:24px}.password-panel label{font-weight:700}.password-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:#fff}.password-wrap input{min-width:0;flex:1;padding:.85rem 1rem;border:0;outline:0;background:transparent}.password-toggle{display:inline-flex;margin-right:4px;padding:8px;border:0;border-radius:8px;color:var(--muted);background:transparent}.inline-error{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-top:18px;padding:10px 12px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-weight:600}.processing-box{display:flex;align-items:center;gap:8px;margin-top:24px;border:1px solid var(--border);border-radius:18px;padding:18px 20px;background:#f8fafc;font-weight:600}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.merge-actions{margin-top:22px}.success-panel{padding:18px 20px;border-radius:18px;background:var(--success-soft);border:1px solid rgba(27,140,97,.2);color:var(--success)}.success-title{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:10px}.success-panel p{margin:0;line-height:1.7}.success-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.info-section{margin-top:28px;padding:0 0 4px}.info-section h2{margin-bottom:14px;font-size:clamp(1.8rem,2.5vw,2.4rem);letter-spacing:-.04em}.info-section p,.info-section ol{color:var(--muted);line-height:1.8}.faq-list{display:grid;gap:18px}.faq-list h2{grid-column:1/-1}.faq-list article{padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:#fffc}.faq-list h3{margin-bottom:8px;font-size:1.05rem}.faq-list article p{margin:0}@media(max-width:720px){.tool-panel{padding:20px 16px 18px}.nav-wrap,.page-shell,.footer-content{width:min(calc(100% - 20px),1100px)}.nav-links{gap:14px;font-size:12px}.privacy-banner{display:flex;width:100%;justify-content:center;border-radius:14px}.page-header{align-items:flex-start}.hero-icon{width:32px;height:32px}.success-actions{flex-direction:column;align-items:stretch}}