.tools-page{--tool-organize:#2456c8;--tool-convert:#0e7686;--tool-edit:#6b3fc2;--tool-security:#3b3f45;--tool-requirements:#c2540a;--tool-danger:#b42318;--tool-danger-lt:#fdecea}.tools-page .btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}.tools-page .btn-lg{min-height:48px}.tools-hero{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;padding-top:16px;display:grid}.tools-hero-copy{color:#fff;background:radial-gradient(circle at 88% 18%,#7ff0bf38,#0000 45%),linear-gradient(135deg,#0b1914 0%,#0f3528 60%,#0b4a34 100%);border-radius:14px;padding:32px 34px}.tools-hero-copy h1{letter-spacing:-1px;margin:14px 0 10px;font-size:clamp(26px,3.2vw,42px);line-height:1.12}.tools-hero-copy>p{color:#c3d7cd;max-width:600px;font-size:15px;line-height:1.65}.tools-hero-points{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tools-hero-points li{color:#e3f5ec;align-items:center;gap:9px;font-size:14px;display:flex}.tools-hero-points li:before{content:"";background:#7ff0bf url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23063f2d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:50%;flex:0 0 18px;height:18px}.tools-hero-card{background:var(--mk-surface);border:1px solid var(--mk-line);border-radius:14px;padding:20px}.tools-hero-card h2{color:var(--mk-ink);margin-bottom:8px;font-size:17px}.tools-hero-card ul{margin:0;padding:0;list-style:none;display:grid}.tools-hero-card li+li{border-top:1px solid var(--mk-line)}.tools-hero-card a{color:var(--mk-ink);flex-direction:column;gap:2px;padding:10px 2px;display:flex;text-decoration:none!important}.tools-hero-card a span{font-family:var(--font-head);font-size:14px;font-weight:700}.tools-hero-card a small{color:var(--mk-muted);font-size:12px;line-height:1.45}.tools-hero-card a:hover span{color:var(--mk-brand)}.tools-soon-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tools-soon-grid>div{border:1px dashed var(--mk-line-strong);background:#fbfdfc;border-radius:12px;padding:16px 18px}.tools-soon-grid h3{color:var(--mk-ink);margin-bottom:6px;font-size:16px}.tools-soon-grid p{color:#46564e;font-size:14px;line-height:1.6}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tool-card{border:1px solid var(--mk-line);height:100%;color:var(--mk-ink);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;text-decoration:none!important}.tool-card:hover{border-color:var(--mk-brand);transform:translateY(-1px);box-shadow:0 6px 18px #08744e1a}.tool-card-text{flex-direction:column;gap:3px;min-width:0;display:flex}.tool-card-text h2,.tool-card-text h3{color:var(--mk-ink);align-items:center;gap:6px;font-size:15px;line-height:1.3;display:flex}.tool-card-text>span{color:var(--mk-muted);font-size:13px;line-height:1.5}.tool-ph{color:#9a3d06;font-family:var(--font-body);letter-spacing:.4px;background:#fff1e6;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.tool-icon{background:var(--mk-brand-lt);width:42px;height:42px;color:var(--mk-brand);border-radius:11px;flex:0 0 42px;place-items:center;display:grid}.tool-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tool-icon-lg{border-radius:16px;flex-basis:60px;width:60px;height:60px}.tool-icon-lg svg{width:32px;height:32px}.tool-icon-organize{color:var(--tool-organize);background:#e8eefb}.tool-icon-convert{color:var(--tool-convert);background:#e2f3f5}.tool-icon-edit{color:var(--tool-edit);background:#efe9fa}.tool-icon-security{color:var(--tool-security);background:#eceef0}.tool-icon-requirements{color:var(--tool-requirements);background:#fdeee3}.tools-breadcrumb{padding-top:14px}.tools-breadcrumb ol{color:var(--mk-muted);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.tools-breadcrumb li+li:before{content:"›";color:#9aa8a1;margin-right:6px}.tools-breadcrumb a{color:var(--mk-brand-dk)}.tool-hero{align-items:flex-start;gap:16px;padding:16px 0 4px;display:flex}.tool-hero-copy h1{letter-spacing:-.8px;color:var(--mk-ink);font-size:clamp(26px,3vw,36px);line-height:1.15}.tool-hero-copy>p{color:#46564e;max-width:720px;margin-top:6px;font-size:15px;line-height:1.6}.tool-badges{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tool-badges li{border:1px solid var(--mk-line);color:#3a4a42;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.tool-badges .is-private{background:var(--mk-brand-lt);color:var(--mk-brand-dk);border-color:#bfe6d2}.tool-badges .is-ph{color:#9a3d06;background:#fff1e6;border-color:#f6d3b8}.tool-panel{padding:20px}.tool-howto-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:start;gap:18px;display:grid}.tool-steps{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool-steps li{counter-increment:step;color:#33433b;padding-left:38px;font-size:14px;line-height:1.6;position:relative}.tool-steps li:before{content:counter(step);background:var(--mk-ink);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;left:0}.tool-privacy-card{background:var(--mk-brand-lt);border:1px solid #bfe6d2;border-radius:12px;padding:16px 18px}.tool-privacy-card h3{color:var(--mk-brand-dk);margin-bottom:6px;font-size:15px}.tool-privacy-card p{color:#2c5242;font-size:13px;line-height:1.6}.tool-tagalog p{color:#33433b;max-width:900px;font-size:15px;line-height:1.7}.tool-workspace{min-height:180px}.tool-stack{flex-direction:column;gap:14px;display:flex}.tool-intro{color:#46564e;font-size:14px}.tool-label{font-family:var(--font-head);color:var(--mk-ink);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.tool-drop{text-align:center;background:#f7fbf9;border:2px dashed #b9cfc3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:28px 18px;transition:border-color .15s,background .15s;display:flex}.tool-drop.is-dragging{border-color:var(--mk-brand);background:var(--mk-brand-lt)}.tool-drop label{cursor:pointer}.tool-drop input:focus-visible+label{outline:3px solid var(--focus);outline-offset:3px}.tool-drop-hint{color:var(--mk-muted);font-size:13px}.tool-drop-privacy{color:var(--mk-brand-dk);align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:700;display:inline-flex}.tool-drop-privacy svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.tool-drop.tool-drop-compact{background:0 0;border:0;align-items:flex-start;min-height:0;padding:0}.tool-status{color:#33433b;background:#f1f5f2;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.tool-spinner{border:2.5px solid #c8d8cf;border-top-color:var(--mk-brand);border-radius:50%;flex:0 0 18px;width:18px;height:18px;animation:.8s linear infinite spin}.tool-error{background:var(--tool-danger-lt);color:var(--tool-danger);border-radius:10px;padding:11px 14px;font-size:14px;line-height:1.5}.tool-info{color:#6b4b00;background:#fff8e6;border:1px solid #f3e1ad;border-radius:10px;padding:11px 14px;font-size:13px;line-height:1.55}.tool-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-range{flex:260px;gap:6px;min-width:0;display:flex}.tool-range .form-input{min-height:40px}.tool-summary-line{color:#3a4a42;font-size:13px;font-weight:700}.tool-file{border:1px solid var(--mk-line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.tool-file-icon{color:#b42318;letter-spacing:.5px;background:#fdecea;border-radius:7px;flex:0 0 42px;place-items:center;height:50px;font-size:11px;font-weight:800;display:grid}.tool-file-text{flex-direction:column;flex:1;min-width:0;display:flex}.tool-file-text strong{color:var(--mk-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tool-file-text small{color:var(--mk-muted);font-size:12px}.tool-file-text .tool-file-note{color:#6b4b00}.tool-password{background:#fffcf2;border:1px solid #f3e1ad;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.tool-password p{color:#4a3b10;font-size:14px;line-height:1.55}.tool-password-row{gap:8px;display:flex}.tool-password-row .form-input{flex:1;min-height:44px;font-size:16px}.tool-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tool-row{border:1px solid var(--mk-line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.tool-row.is-error{background:snow;border-color:#f5c2bd}.tool-row-order{background:var(--mk-brand-lt);height:28px;color:var(--mk-brand-dk);border-radius:50%;flex:0 0 28px;place-items:center;font-size:13px;font-weight:800;display:grid}.tool-row-thumb{background:#eef2ef;border-radius:8px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.tool-row-thumb img,.tool-row-thumb canvas{object-fit:cover;width:100%;height:100%}.tool-row-text{flex-direction:column;flex:160px;min-width:0;display:flex}.tool-row-text strong{color:var(--mk-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tool-row-text small{color:var(--mk-muted);font-size:12px}.tool-row.is-error .tool-row-text small{color:var(--tool-danger)}.tool-row-actions{gap:4px;margin-left:auto;display:flex}.tool-row-extra{flex:1 0 100%}.tool-icon-button{border:1px solid var(--mk-line);color:#33433b;cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:inline-grid}.tool-icon-button:hover:not(:disabled){border-color:var(--mk-brand);color:var(--mk-brand)}.tool-icon-button.is-danger:hover:not(:disabled){border-color:var(--tool-danger);color:var(--tool-danger)}.tool-icon-button:disabled{opacity:.35;cursor:not-allowed}.tool-icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tool-pages{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool-page{border:1px solid var(--mk-line);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.tool-page.is-removed{background:#fdf3f2;border-color:#f5c2bd}.tool-page.is-removed .tool-thumb{opacity:.35}.tool-page.is-kept{border:2px solid var(--mk-brand);background:#f4fbf7;padding:7px}.tool-page-select{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:0;display:block}.tool-page-select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tool-page-foot{justify-content:space-between;align-items:center;gap:4px;display:flex}.tool-page-number{color:#3a4a42;padding-left:4px;font-size:12px;font-weight:800}.tool-page-actions{gap:4px;display:flex}.tool-page-badge{background:var(--mk-brand);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.tool-page-badge.is-danger{background:var(--tool-danger)}.tool-thumb{aspect-ratio:3/4;background:#eef2ef;border-radius:8px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.tool-thumb-canvas{place-items:center;width:100%;height:100%;transition:transform .2s;display:grid}.tool-thumb-canvas canvas{background:#fff;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 1px 4px #00000026}.tool-thumb-wait{border:2.5px solid #c8d8cf;border-top-color:var(--mk-brand);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;position:absolute}.tool-thumb-failed{color:var(--mk-muted);text-align:center;padding:6px;font-size:11px;position:absolute}.tool-options{gap:16px;display:grid}.tool-choices{border:0;min-width:0;margin:0;padding:0}.tool-choice-grid{grid-template-columns:repeat(var(--choice-columns,auto-fit),minmax(140px,1fr));gap:8px;display:grid}.tool-choice{border:1.5px solid var(--mk-line-strong);cursor:pointer;background:#fff;border-radius:10px;align-items:flex-start;gap:8px;min-height:48px;padding:10px 12px;display:flex;position:relative}.tool-choice input{accent-color:var(--mk-brand);margin-top:3px}.tool-choice span{flex-direction:column;gap:2px;display:flex}.tool-choice strong{color:var(--mk-ink);font-size:14px}.tool-choice small{color:var(--mk-muted);font-size:12px;line-height:1.4}.tool-choice.is-selected{border-color:var(--mk-brand);background:#f4fbf7}.tool-choice:focus-within{outline:3px solid var(--focus);outline-offset:2px}.tool-toggle{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;display:flex}.tool-toggle input{width:20px;height:20px;accent-color:var(--mk-brand);flex:0 0 20px;margin-top:2px}.tool-toggle span{flex-direction:column;gap:2px;display:flex}.tool-toggle strong{color:var(--mk-ink);font-size:14px}.tool-toggle small{color:var(--mk-muted);font-size:12px;line-height:1.45}.tool-field{flex-direction:column;gap:4px;display:flex}.tool-field .form-input{min-height:44px;font-size:16px}.tool-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tool-two-col{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:18px;display:grid}.tool-chips{flex-wrap:wrap;gap:6px;display:flex}.tool-chip{border:1px solid var(--mk-line-strong);color:#33433b;cursor:pointer;background:#fff;border-radius:999px;min-height:36px;padding:6px 12px;font-size:13px;font-weight:600}.tool-chip:hover,.tool-chip[aria-pressed=true]{border-color:var(--mk-brand);color:var(--mk-brand-dk);background:#f4fbf7}.tool-result{flex-direction:column;gap:14px;display:flex}.tool-result-head{align-items:center;gap:12px;display:flex}.tool-result-check{background:var(--mk-brand);color:#fff;border-radius:50%;flex:0 0 44px;place-items:center;height:44px;display:grid}.tool-result-check svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tool-result-head h3{color:var(--mk-ink);font-size:19px}.tool-result-head p{color:var(--mk-muted);word-break:break-word;font-size:13px}.tool-result-details{color:#33433b;font-size:14px;line-height:1.6}.tool-result-details strong{color:var(--mk-ink)}.tool-result-preview{justify-content:flex-start;display:flex}.tool-result-preview:empty{display:none}.tool-result-preview canvas{border:1px solid var(--mk-line);border-radius:6px;max-width:min(100%,240px);height:auto;box-shadow:0 4px 14px #00000014}.tool-result-list summary{cursor:pointer;color:var(--mk-brand-dk);align-items:center;min-height:36px;font-size:14px;font-weight:700;display:flex}.tool-result-list ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.tool-result-list li{justify-content:space-between;gap:10px;font-size:13px;display:flex}.tool-result-list small{color:var(--mk-muted);flex-shrink:0}.tool-link-button{color:var(--mk-brand-dk);font:inherit;text-align:left;cursor:pointer;word-break:break-all;background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline}.tool-result-privacy{color:var(--mk-muted);font-size:12px}.tool-next{border-top:1px solid var(--mk-line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;font-size:13px;display:flex}.tool-next span{color:#3a4a42;font-weight:700}.tool-next a{background:var(--mk-brand-lt);color:var(--mk-brand-dk);border-radius:999px;padding:6px 12px;font-weight:700;text-decoration:none!important}@media (max-width:860px){.tools-hero,.tool-howto-grid,.tool-two-col,.tools-soon-grid{grid-template-columns:1fr}}@media (max-width:560px){.tools-hero-copy{padding:24px 20px}.tool-panel{padding:14px 12px}.tool-hero{gap:12px}.tool-icon-lg{border-radius:13px;flex-basis:48px;width:48px;height:48px}.tool-icon-lg svg{width:26px;height:26px}.tool-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-actions .btn-lg{flex:100%}.tool-drop{min-height:190px}}.tools-soon-grid>.tools-sign-card{background:#f4fbf7;border-style:solid;border-color:#bfe6d2}.tools-sign-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tool-upsell{background:#f4fbf7;border:1px solid #bfe6d2;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tool-upsell>div{flex:260px;min-width:0}.tool-upsell h3{color:var(--mk-ink);margin-bottom:4px;font-size:15px}.tool-upsell p{color:#33433b;font-size:13px;line-height:1.55}.tool-upsell p a{color:var(--mk-brand-dk);text-decoration:underline}.tool-upsell small{color:var(--mk-muted);margin-top:4px;font-size:12px;display:block}@media (max-width:560px){.tool-upsell .btn{flex:100%}}