:root{--brand:#0F6E56;--brand-2:#0B5443;--brand-bg:#E1F5EE;--brand-line:#BDE6D6;--brand-ink:#0B5443;--panel-soft:#FAFCFB;--muted-soft:#8C9891;--shadow-md:0 4px 16px rgba(20,31,27,.05)}html[data-mode=dark]{--brand:#34D399;--brand-2:#6EE7B7;--brand-bg:#12362B;--brand-line:#17483A;--brand-ink:#6EE7B7}main.page.tool-page{max-width:1180px}main.page.tool-page .lead{max-width:none}.tool-app{margin:6px 0 40px;min-height:70vh}.tool-prose{max-width:820px}.tool-noscript{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.status{font-size:13px;color:var(--muted);margin-top:14px;display:none;align-items:center;gap:7px}.status:not(:empty){display:flex}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted-soft);flex-shrink:0}.status.loading{color:var(--ink)}.status.success{color:var(--brand-ink)}.status.success:before{background:var(--brand)}.status.error{color:var(--warn)}.status.error:before{background:var(--warn)}.btn{position:relative;min-height:46px;padding:12px 18px;border-radius:12px;font:600 14px/1.2 inherit;white-space:nowrap;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:9px;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .12s}.btn svg{width:18px;height:18px;flex-shrink:0}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{width:100%;margin-top:18px;color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 6px 16px -6px var(--brand)}html[data-mode=dark] .btn.primary{color:#052e22}.btn.primary:hover:not(:disabled){background:var(--brand-2)}.btn.primary:disabled{background:var(--brand-bg);border-color:var(--brand-line);color:var(--muted);cursor:not-allowed;box-shadow:none}.btn.secondary-block{width:auto;border-radius:99px;color:var(--brand-ink);border-color:var(--brand-line)}.btn.secondary-block:hover:not(:disabled){background:var(--brand-bg);border-color:var(--brand)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tool-app .tw-actions .btn.primary{margin-top:0}main.page.tool-page{max-width:1680px;width:80%}@media(max-width:1100px){main.page.tool-page{width:100%;max-width:1180px}}main.page.tool-page{padding-top:24px}.tool-page .crumbs{margin-bottom:10px}.tool-page h1{font-size:clamp(22px,2.6vw,28px);margin:0 0 6px}.tool-page .lead{font-size:14px;line-height:1.5;margin:0 0 16px}.crop-nav-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:background-color .15s,border-color .15s}.crop-nav-btn:hover:not(:disabled){background:var(--brand-bg);border-color:var(--brand);color:var(--brand-ink)}.crop-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tool-app .tw-actions{justify-content:flex-start}.tool-app .tw-actions .btn.primary{width:auto;min-height:40px;padding:9px 22px;font-size:13.5px;border-radius:99px;box-shadow:0 4px 12px -5px var(--brand)}.tool-app .tw-actions .btn.primary svg{width:16px;height:16px}@media(max-width:480px){.tool-app .tw-actions .btn.primary{width:100%}}.sl-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px}.sl-sizes{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sl-sizes>span{font-size:12.5px;font-weight:600;color:var(--muted)}.sl-stage{display:flex;justify-content:center;align-items:flex-start}.sl-stage canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 10px #0f172a24}.sl-logo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sl-logo-prev img{height:36px;width:auto;max-width:120px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:2px}.sl-checks{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px}.sl-steps{margin:0 0 12px;padding-left:20px;font-size:13.5px;line-height:1.6;color:var(--ink)}.sl-bulkinfo{margin-top:12px}.sl-errors{margin:8px 0 0;padding-left:20px;font-size:12.5px;color:var(--warn)}.tool-page .sl-top .an-tool.active{background:var(--brand);border-color:var(--brand);color:#fff}.sl-top .tw-radios{flex-wrap:nowrap;flex:0 1 460px;min-width:0}.sl-top .tw-radio{flex:1 1 0;min-width:0}