.tool-shell{--muted:var(--ink-muted);min-height:100vh;color:var(--ink);background:#fff}.tool-header{border-bottom:1px solid var(--line)}.tool-header>div{justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.tool-language{align-items:center;gap:12px;font-size:.8rem;display:flex}.tool-language select{border:1px solid var(--line);max-width:190px;color:inherit;background:#fff;border-radius:0;padding:9px 12px}.tool-main{max-width:980px;padding-block:54px 64px}.tool-heading{max-width:760px;margin-block:18px 34px}.tool-heading h1{letter-spacing:-.035em;margin-block:20px;font-size:clamp(2rem,4vw,3.15rem);font-weight:450;line-height:1.15}.tool-heading>p:not(.eyebrow){color:var(--muted);line-height:1.65}.tool-privacy{align-items:center;gap:9px;font-size:.9rem;display:flex}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-cards>a{border:1px solid var(--line);color:inherit;background:#fafbfc;padding:30px;text-decoration:none}.tool-cards>a:hover{border-color:var(--ink);background:#f5f7f9}.tool-cards h2{margin-block:22px 12px;font-size:1.25rem;font-weight:550}.tool-cards p{color:var(--muted);margin:0;font-size:.93rem;line-height:1.7}.tool-workspace{border:1px solid var(--line);background:#fff;border-radius:6px;padding:clamp(18px,3vw,32px)}.local-tool-form{gap:26px;display:grid}.local-tool-form fieldset{border:0;min-width:0;margin:0;padding:0}.local-tool-form .button{justify-self:start}.local-tool-form input:not([type=file]):not([type=range]),.local-tool-form select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #b7c5d5;border-radius:4px;padding:12px 14px}.tool-workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0 0 22px;list-style:none;display:grid}.tool-workflow-steps li{color:var(--ink-muted);align-items:center;gap:10px;font-size:.78rem;line-height:1.4;display:flex}.tool-workflow-steps li>span:first-child{border:1px solid var(--line);background:#f5f7fa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:inline-flex}.tool-workflow-steps li[data-current]{color:var(--primary);font-weight:600}.tool-workflow-steps li[data-current]>span:first-child,.tool-workflow-steps li[data-complete]>span:first-child{color:#fff;background:var(--primary);border-color:var(--primary)}.local-watermark-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:start;gap:28px;display:grid}.local-file-stage{gap:24px;min-width:0;display:grid}.local-options-panel{background:#fff;gap:24px;min-width:0;padding:24px;display:grid;position:sticky;top:24px}.local-watermark-layout.is-selecting{grid-template-columns:1fr;width:100%;max-width:700px;margin-inline:auto}.local-options-panel[hidden],.watermark-preview[hidden],.local-tool-bottom[hidden]{display:none}.local-options-panel h2{align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:600;display:flex}.tool-settings{gap:24px;display:grid}.tool-settings input[type=range]{width:100%;min-height:44px;accent-color:var(--primary);padding:10px 0}.local-tool-form .local-primary-action{width:100%;min-height:56px;padding:14px 24px;font-size:1rem;font-weight:550}.local-tool-bottom{gap:22px;padding-top:22px;display:grid}.tool-notice,.tool-limit,.tool-account-notice{color:var(--muted);font-size:.8rem;line-height:1.7}.tool-notice{border-inline-start:3px solid #93691f;margin:0;padding-inline-start:16px}.tool-limit{margin-bottom:0}.tool-reset{cursor:pointer;min-height:44px;color:var(--ink-muted);background:0 0;border:0;justify-self:start;align-items:center;gap:8px;padding:10px 0;font-size:.82rem;display:inline-flex}.watermark-preview{background:#fff8ed;border-radius:4px;margin:0;padding:24px 20px 16px}.watermark-preview-sheet{background:#fff;border:1px solid #d2dce6;width:170px;max-width:100%;height:220px;margin:0 auto 16px;position:relative;overflow:hidden}.watermark-preview-lines{background:repeating-linear-gradient(#0000 0 14px,#e8edf3 14px 16px);position:absolute;inset:30px 22px}.watermark-preview-text{inset-inline:8px;text-align:center;overflow-wrap:anywhere;font-family:Arial,sans-serif;font-size:14px;line-height:1.2;position:absolute;top:50%;transform:translateY(-50%)}.watermark-preview.position-diagonal .watermark-preview-text{transform:translateY(-50%)rotate(-30deg)}.watermark-preview.position-footer .watermark-preview-text{top:auto;bottom:10px;transform:none}.watermark-preview-text.repeat-first{top:25%}.watermark-preview-text.repeat-last{top:75%}.watermark-preview figcaption{color:var(--ink-muted);text-align:center;font-size:.72rem;line-height:1.5}.local-compare-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.local-compare-action{justify-items:center;gap:14px;display:grid}.local-compare-action .local-primary-action{max-width:360px}.local-tool-result,.tool-comparison-result{background:#f5faf7;border:1px solid #b6cdbf;border-radius:4px;padding:clamp(22px,4vw,38px)}.local-tool-result{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.local-tool-result>svg,.tool-comparison-result>svg{color:#246443}.local-tool-result h2,.tool-comparison-result h2{margin:0;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:600}.local-tool-result p{color:var(--ink-muted);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:.85rem}.local-tool-result .local-primary-action{width:auto;min-width:min(260px,100%)}.local-tool-result .local-download-help{max-width:420px;font-size:.75rem}.tool-comparison-result>svg{margin-bottom:12px}.tool-comparison-result.is-different{background:#fcf8f2;border-color:#d4b999}.tool-comparison-result.is-different>svg{color:#875617}.tool-comparison-result dl{gap:18px;margin-bottom:0;display:grid}.tool-comparison-result dt{color:var(--ink-muted);font-size:.8rem}.tool-comparison-result dd{overflow-wrap:anywhere;gap:6px;margin:8px 0 0;font-size:.78rem;display:grid}.tool-comparison-result code{border:1px solid var(--line);direction:ltr;unicode-bidi:isolate;background:#ffffffa8;padding:10px}.local-processing{border:1px solid var(--line);background:#f3f6fb;border-radius:4px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.local-processing>div{align-items:center;gap:12px;font-size:.88rem;display:flex}.local-spinner{flex-shrink:0;animation:1.1s linear infinite local-tool-spin}.local-tool-error{border:1px solid #d2adab;color:#762d2d;background:#fff8f7;border-inline-start:4px solid #9b3636;border-radius:4px;margin:0;padding:18px 20px;font-size:.88rem;line-height:1.7}@keyframes local-tool-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.local-watermark-layout{grid-template-columns:1fr}.local-options-panel{position:static}.local-file-stage{grid-template-columns:minmax(0,1fr) minmax(140px,.65fr);align-items:start}}@media (max-width:640px){.local-compare-files,.local-file-stage{grid-template-columns:1fr}.tool-workflow-steps{gap:10px}.tool-workflow-steps li{flex-direction:column;align-items:flex-start;font-size:.7rem}.local-options-panel{padding:20px}.local-tool-result .local-primary-action{width:100%}.local-processing{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.local-spinner{animation:none}}.tool-upgrade{border-top:1px solid var(--line);margin-top:42px;padding-block:32px}.tool-upgrade h2{font-size:1.25rem;font-weight:550}.tool-upgrade>p{max-width:760px;line-height:1.7}.tool-upgrade>div{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tool-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:24px;padding-block:24px;font-size:.78rem;display:flex}.tool-footer a{color:inherit}.language-directory{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:0;list-style:none;display:grid}.language-directory a{border:1px solid var(--line);color:var(--ink);padding:18px;text-decoration:none;display:block}.language-directory a:hover{border-color:var(--ink)}@media (max-width:640px){.tool-cards,.tool-settings{grid-template-columns:1fr}.tool-header>div{gap:14px;padding-block:18px}.tool-language span{display:none}.tool-language select{width:125px;max-width:100%}.tool-header .wordmark{font-size:1.08rem}.tool-header .wordmark-mark{width:24px}.tool-main{padding-block:26px}}.local-demo{text-align:center;margin:-4px 0 22px}.local-demo button{white-space:normal;max-width:100%;min-height:44px}
