.tools-page{--tl-bg:#f4f7fb;--tl-surface:#fff;--tl-border:#e3e9f2;--tl-text:var(--dark-color,#111827);--tl-muted:#5b6577;--tl-accent:var(--primary-color,#2563eb);--tl-accent-soft:#eaf1ff;--tl-danger:#dc2626;--tl-danger-soft:#fdecec;--tl-ok:#15803d;--tl-ok-soft:#e8f6ed;--tl-radius:14px;background:var(--tl-bg);color:var(--tl-text);min-height:100vh;padding-top:70px}.tools-container{margin:0 auto;max-width:1120px;padding:0 16px}.tools-page :focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}.tools-hero{background:radial-gradient(700px 260px at 90% 0,#fff3,#0000 70%),linear-gradient(135deg,#1e3a8a,#2563eb 60%,#4f46e5);color:#fff;padding:28px 0 64px}.tools-hero h1{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:800;line-height:1.2;margin:10px 0}.tools-hero__intro{color:#e0e9ff;line-height:1.6;margin:0;max-width:780px}.tools-breadcrumb{color:#cfdcff;font-size:.85rem}.tools-breadcrumb a{color:#fff;text-decoration:none}.tools-breadcrumb a:hover{text-decoration:underline}.tools-body{grid-gap:20px;display:grid;gap:20px;padding-bottom:56px}.tools-workbench{background:var(--tl-surface);border:1px solid var(--tl-border);border-radius:var(--tl-radius);box-shadow:0 12px 32px #0f172a14;margin-top:-44px;min-height:220px;padding:22px}.tools-content{grid-gap:20px;display:grid;gap:20px}.tools-card{background:var(--tl-surface);border:1px solid var(--tl-border);border-radius:var(--tl-radius);padding:22px}.tools-body>.tools-card:first-child{box-shadow:0 12px 32px #0f172a14;margin-top:-44px}.tools-card h2{font-size:1.25rem;margin:0 0 12px}.tools-card p{color:#334155;line-height:1.7;margin:0 0 10px}.tools-card p:last-child{margin-bottom:0}.tools-card a{color:var(--tl-accent)}.tools-steps{grid-gap:8px;color:#334155;display:grid;gap:8px;line-height:1.6;margin:0;padding-left:1.3em}.tools-faq details{border-top:1px solid var(--tl-border);padding:12px 0}.tools-faq details:first-child{border-top:0;padding-top:0}.tools-faq summary{cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none}.tools-faq summary::-webkit-details-marker{display:none}.tools-faq summary:after{color:var(--tl-accent);content:"+";font-weight:700}.tools-faq details[open] summary:after{content:"–"}.tools-faq h3{font-size:1rem;font-weight:600;margin:0}.tools-faq details p{margin:8px 0 0}.tools-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));list-style:none;margin:0 0 12px;padding:0}.tools-tile{background:#fafcff;border:1px solid var(--tl-border);border-radius:12px;color:var(--tl-text);display:flex;flex-direction:column;gap:4px;height:100%;padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.tools-tile:hover{border-color:var(--tl-accent);box-shadow:0 6px 18px #2563eb1f}.tools-tile__icon{background:var(--tl-accent-soft);border-radius:10px;color:var(--tl-accent);display:grid;font-size:20px;height:36px;margin-bottom:4px;place-items:center;width:36px}.tools-tile__name{color:var(--tl-accent);font-weight:700}.tools-tile__text{color:var(--tl-muted);font-size:.92rem;line-height:1.5}.tools-cta{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:var(--tl-radius);color:#fff;padding:24px}.tools-cta h2{font-size:1.25rem;margin:0 0 8px}.tools-cta p{color:#dbe4ff;line-height:1.6;margin:0 0 16px}.tools-cta__links{display:flex;flex-wrap:wrap;gap:10px}.tools-cta__links a{border:1px solid #fff6;border-radius:10px;color:#fff;font-weight:600;padding:10px 16px;text-decoration:none}.tools-cta__links a.tools-cta__primary{background:#fff;border-color:#fff;color:#1e3a8a}.tools-ssr{line-height:1.6;margin:0 auto;max-width:1120px;padding:90px 16px 40px}.tl-tool{grid-gap:16px;display:grid;gap:16px}.tl-loading{color:var(--tl-muted);margin:0}.tl-subtitle{font-size:1.05rem;margin:8px 0 0}.tl-note{color:var(--tl-muted);font-size:.92rem;margin:0}.tl-btn{align-items:center;background:#fff;border:1px solid var(--tl-border);border-radius:10px;color:var(--tl-text);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:6px;justify-content:center;min-height:42px;padding:0 16px;transition:background .15s,border-color .15s}.tl-btn:hover:not(:disabled){border-color:var(--tl-accent)}.tl-btn:disabled{cursor:not-allowed;opacity:.55}.tl-btn--primary{background:var(--tl-accent);border-color:var(--tl-accent);color:#fff}.tl-btn--primary:hover:not(:disabled){background:#1d4ed8}.tl-btn--danger{background:var(--tl-danger);border-color:var(--tl-danger);color:#fff}.tl-btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.tl-btn--lg{font-size:1.02rem;min-height:48px;padding:0 22px}.tl-btn--link{background:none;border:0;color:var(--tl-accent);min-height:0;padding:0 6px}.tl-drop{align-items:center;background:#f8fbff;border:2px dashed #b9c8e4;border-radius:12px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:170px;padding:24px;text-align:center;transition:border-color .15s,background .15s}.tl-drop.is-over{background:var(--tl-accent-soft);border-color:var(--tl-accent)}.tl-drop.is-compact{flex-direction:row;min-height:0;padding:12px}.tl-drop .tl-btn--primary{font-size:1.05rem;min-height:50px;padding:0 26px}.tl-drop.is-compact .tl-btn--primary{font-size:1rem;min-height:42px}.tl-drop__hint{font-size:.92rem}.tl-drop__hint,.tl-privacy{color:var(--tl-muted);margin:0}.tl-privacy{align-items:flex-start;display:flex;font-size:.88rem;gap:6px}.tl-privacy svg{color:var(--tl-ok);flex:none;margin-top:3px}.tl-files{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.tl-file,.tl-filebar{align-items:center;background:#fff;border:1px solid var(--tl-border);border-radius:10px;display:flex;gap:12px;padding:10px 12px}.tl-filebar{background:#f8fbff;justify-content:space-between}.tl-file__no{background:var(--tl-accent-soft);border-radius:50%;color:var(--tl-accent);display:grid;flex:none;font-size:.85rem;font-weight:700;height:28px;place-items:center;width:28px}.tl-file__info{display:grid;flex:1 1;min-width:0}.tl-file__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-file__meta{color:var(--tl-muted);font-size:.85rem}.tl-file__ctrl{display:flex;flex:none;gap:4px}.tl-icon{background:#fff;border:1px solid var(--tl-border);border-radius:8px;color:var(--tl-text);cursor:pointer;font-size:1.05rem;height:36px;line-height:1;width:36px}.tl-icon:hover:not(:disabled){border-color:var(--tl-accent);color:var(--tl-accent)}.tl-icon:disabled{cursor:not-allowed;opacity:.35}.tl-icon--danger:hover:not(:disabled){border-color:var(--tl-danger);color:var(--tl-danger)}.tl-thumb{background:var(--tl-accent-soft);border-radius:8px;color:var(--tl-accent);display:grid;flex:none;font-size:.72rem;font-weight:700;height:48px;overflow:hidden;place-items:center;width:48px}.tl-thumb img{background:#fff;height:100%;object-fit:cover;width:100%}.tl-file__note{color:#92400e;font-size:.82rem;line-height:1.4;margin-top:2px}.tl-file__error{color:#991b1b;white-space:normal}.tl-file--error{background:snow;border-color:#f5c2c2}.tl-file--done{border-color:#bfe3cb}.tl-file__meta{overflow-wrap:anywhere}.tl-range{accent-color:var(--tl-accent);max-width:360px;width:100%}.tl-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tl-actions__meta{color:var(--tl-muted);font-size:.92rem}.tl-actions--sticky{background:linear-gradient(to top,var(--tl-surface) 75%,#fff0);bottom:0;padding:10px 84px 10px 0;position:-webkit-sticky;position:sticky;z-index:2}.tl-options{grid-gap:12px;border:0;display:grid;gap:12px;margin:0;min-width:0;padding:0}.tl-options legend{font-weight:700;margin-bottom:8px;padding:0}.tl-segmented{display:flex;flex-wrap:wrap;gap:8px}.tl-segmented label{align-items:center;background:#fff;border:1px solid var(--tl-border);border-radius:999px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;padding:9px 14px}.tl-segmented label.is-active{background:var(--tl-accent-soft);border-color:var(--tl-accent);color:var(--tl-accent)}.tl-segmented input{accent-color:var(--tl-accent)}.tl-segmented label:focus-within{outline:2px solid var(--tl-accent);outline-offset:2px}.tl-field{grid-gap:6px;display:grid;gap:6px;max-width:520px}.tl-field label{font-weight:600}.tl-field input{background:#fff;border:1px solid #c8d3e6;border-radius:10px;font:inherit;min-height:44px;padding:0 12px}.tl-field input:focus{border-color:var(--tl-accent);box-shadow:0 0 0 3px #2563eb26;outline:none}.tl-field__hint{color:var(--tl-muted);font-size:.88rem;margin:0}.tl-status{border-radius:10px;font-size:.95rem;padding:12px 14px}.tl-status p{margin:0}.tl-status--busy{background:var(--tl-accent-soft);color:#1e3a8a}.tl-status--error{background:var(--tl-danger-soft);color:#991b1b}.tl-status--done{background:var(--tl-ok-soft);color:var(--tl-ok)}.tl-progress{background:#2563eb2e;border-radius:6px;height:6px;margin-top:8px;overflow:hidden}.tl-progress span{background:var(--tl-accent);display:block;height:100%;transition:width .2s}.tl-result{grid-gap:10px;background:var(--tl-ok-soft);border-radius:12px;display:grid;gap:10px;justify-items:center;padding:28px 16px;text-align:center}.tl-result__title{color:var(--tl-ok);font-size:1.1rem;font-weight:700;margin:0}.tl-result__file{color:var(--tl-muted);font-size:.92rem;margin:0;word-break:break-all}.tl-result .tl-actions{justify-content:center}.tl-pages{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));list-style:none;margin:0;padding:0}.tl-page>button,.tl-page>div{grid-gap:6px;background:none;border:2px solid #0000;border-radius:10px;color:inherit;display:grid;font:inherit;gap:6px;padding:6px;text-align:center;width:100%}.tl-page>button{cursor:pointer}.tl-page>button:hover .tl-page__img{border-color:var(--tl-accent)}.tl-page__img{background:#eef2f8;border:1px solid var(--tl-border);border-radius:6px;display:block;overflow:hidden;position:relative;width:100%}.tl-page__img img{background:#fff;display:block;height:100%;object-fit:contain;width:100%}.tl-page__no{color:var(--tl-muted);font-size:.82rem}.tl-page__flag{background:var(--tl-danger);border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;inset:auto 6px 6px;padding:3px 6px;position:absolute}.tl-page.is-selected>button{background:var(--tl-danger-soft);border-color:var(--tl-danger)}.tl-page.is-selected .tl-page__img img{opacity:.45}.tools-body,.tools-content{grid-template-columns:minmax(0,1fr)}.tools-card,.tools-grid>li,.tools-tile{min-width:0}.tools-card h2,.tools-card p,.tools-tile__name,.tools-tile__text{overflow-wrap:break-word}@media (max-width:767px){.tools-card{border-radius:12px;padding:16px 12px}.tools-card h2{font-size:1.1rem}.tools-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.tools-tile{border-radius:10px;gap:3px;min-height:96px;padding:12px 10px}.tools-tile__icon{border-radius:8px;font-size:17px;height:30px;width:30px}.tools-tile__name{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.25}.tools-tile__text{font-size:.78rem;line-height:1.4}.tools-tile:active{background:var(--tl-accent-soft);border-color:var(--tl-accent)}.tools-cta{padding:20px 16px}.tools-cta__links a{align-items:center;display:flex;flex:1 1 100%;justify-content:center;min-height:48px;text-align:center}}@media (max-width:600px){.tools-hero{padding-bottom:56px}.tools-workbench{padding:16px}.tl-drop.is-compact{flex-direction:column}.tl-filebar{flex-wrap:wrap}.tl-pages{gap:8px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}@media (prefers-reduced-motion:reduce){.tools-page *{transition:none!important}}