/* Flow, using Unslop's restraint and hierarchy. See THIRD-PARTY-NOTICES.md. */
.tools-page{max-width:1040px;margin-inline:auto}.tools-feature{border:1px solid var(--line,#263746);border-radius:24px;background:var(--surface,#101c29);overflow:hidden}.tools-feature-head{display:flex;gap:20px;padding:32px 32px 28px;border-bottom:1px solid var(--line,#263746)}.tools-feature-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:50%;color:var(--accent,#58c8ed);background:color-mix(in srgb,currentColor 8%,transparent)}.tools-feature-icon svg{width:24px;height:24px}.tools-eyebrow{font-size:11px;letter-spacing:.1em;color:var(--muted,#9bafbf)}.tools-feature-head h2{font-size:clamp(23px,3vw,28px);line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:8px 0 12px}.tools-feature-head p{margin:0;color:var(--muted,#9bafbf);line-height:1.6}.tools-feature-body{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:28px 32px 32px}.tools-setup>label{display:block;font-size:13px;font-weight:500;margin-bottom:10px}.tools-setup .select-field{width:100%}.tools-account-preview,.tools-review-account{display:flex;align-items:center;gap:12px;min-width:0;margin:20px 0}.tools-account-preview>div,.tools-review-account>div{min-width:0}.tools-account-preview strong,.tools-review-account strong{display:block;overflow-wrap:anywhere}.tools-account-preview small,.tools-review-account small{display:block;color:var(--muted,#9bafbf);font-size:12px;line-height:1.5;margin-top:4px}.tools-scope,.tools-help{color:var(--muted,#9bafbf);font-size:13px;line-height:1.6}.tools-scope{margin:16px 0 24px}.tools-help{margin:12px 0 0}.tools-setup>.btn{min-height:44px;border-radius:999px}.tools-explainer{border-left:1px solid var(--line,#263746);padding-left:32px}.tools-explainer h3{font-size:15px;font-weight:600;margin:0 0 16px}.tools-explainer ol{margin:0 0 24px;padding-left:20px;font-size:14px;line-height:1.6}.tools-explainer li{padding:0 0 14px 4px}.tools-explainer li::marker{color:var(--muted,#9bafbf);font-variant-numeric:tabular-nums}.tools-explainer p{color:var(--muted,#9bafbf);font-size:13px;line-height:1.6;margin:0}.tools-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 12px}.tools-section-head h2{font-size:18px;font-weight:600;margin:0}.tools-job{display:flex;align-items:center;flex-wrap:wrap;column-gap:24px;row-gap:12px;padding:20px 0;border-bottom:1px solid var(--line,#263746)}.tools-job-account{display:flex;gap:12px;align-items:center;flex:1;min-width:180px}.tools-job-account>div{min-width:0}.tools-job-account strong{font-size:14px;overflow-wrap:anywhere}.tools-job-state{display:flex;gap:7px;align-items:center;color:var(--muted,#9bafbf);font-size:12px;margin-top:5px}.tools-job-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.tools-job-state[data-state=running]{color:var(--accent,#58c8ed)}.tools-job-state[data-state=completed]{color:var(--green,#68c9aa)}.tools-job-state[data-state=paused]{color:var(--orange,#e8b276)}.tools-job-count{display:grid;gap:2px;min-width:100px}.tools-job-count strong{font-size:24px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tools-job-count span{font-size:11px;color:var(--muted,#9bafbf)}.tools-job-note{flex-basis:100%;margin:0;font-size:13px;color:var(--muted,#9bafbf);line-height:1.6;max-width:75ch}.tools-review{max-width:540px}.tools-review p{line-height:1.65;font-size:14px}.tools-review-account{margin-top:0;padding-bottom:20px;border-bottom:1px solid var(--line,#263746)}.tools-review-account strong{font-size:20px;font-weight:600;margin-top:4px}.tools-review-account small{margin:0}.tools-warning{color:var(--muted,#9bafbf)}.tools-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;cursor:pointer}.tools-consent input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent,#58c8ed)}.tools-review .modal-foot{gap:12px}.tools-review .modal-foot .btn{white-space:normal;min-height:44px;border-radius:999px}.tools-review input[type=text],.tools-review input:not([type]){min-height:48px}.tools-page button:focus-visible,.tools-review button:focus-visible{outline:2px solid var(--accent,#58c8ed);outline-offset:3px}html[data-theme=light] .tools-feature{background:#fff;border-color:#dce2e8}html[data-theme=light] .tools-feature-head,html[data-theme=light] .tools-explainer,html[data-theme=light] .tools-job,html[data-theme=light] .tools-review-account{border-color:#dce2e8}html[data-theme=light] .tools-feature,html[data-theme=light] .tools-review{--muted:#586774}
@media(max-width:700px){.tools-feature{border-radius:20px}.tools-feature-head{padding:24px 20px;gap:12px}.tools-feature-icon{width:36px;height:36px}.tools-feature-icon svg{width:20px;height:20px}.tools-feature-body{grid-template-columns:1fr;padding:24px 20px;gap:28px}.tools-explainer{border-left:0;border-top:1px solid var(--line,#263746);padding:24px 0 0}.tools-explainer ol{margin-bottom:12px}.tools-explainer li{padding-bottom:10px}.tools-setup>.btn{width:100%}.tools-job{column-gap:12px}.tools-job-count{min-width:90px}.tools-job-account{min-width:145px}.tools-review .modal-foot{display:flex;flex-direction:column-reverse;align-items:stretch}.tools-review .modal-foot .btn{width:100%}.tools-review-account strong{font-size:18px}}

html[data-design=flow] .tools-setup>.btn,html[data-design=flow] .tools-review .btn{border-radius:999px}.tools-consent input{appearance:none;background:transparent;border:1.5px solid var(--muted);border-radius:50%;display:grid;place-content:center}.tools-consent input:checked{background:var(--accent);border-color:var(--accent)}.tools-consent input:checked::after{content:"";width:8px;height:4px;border:solid #062436;border-width:0 0 2px 2px;transform:rotate(-45deg);margin-top:-2px}.tools-consent input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.tools-eyebrow{letter-spacing:0}.tools-page p,.tools-review p,.tools-review label,.tools-explainer li{font-weight:400}html[data-design=flow] .tools-consent input[type=checkbox]{appearance:none;border-radius:50%;border:1.5px solid var(--muted);background:transparent}html[data-design=flow] .tools-consent input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}html[data-design=flow][data-theme=light] .tools-page .sf-select-trigger{background:#fbfcfd;border-color:#cbd7e0;color:#102d43}.tools-review .form-stack{gap:20px}

html[data-design=flow] .tools-consent input[type=checkbox]{border-radius:50%!important}

/* Library tools: separate destinations, calm content, one persistent selection. */
.tools-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 16px;margin:0 0 32px}
.tools-tabs [role=tab]{appearance:none;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:10px 20px;min-height:44px;font:inherit;font-size:14px;transition:color .15s,background .15s,border-color .15s;cursor:pointer}
.tools-tabs [aria-selected=true]{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text)}
.tools-tabs button:hover{color:var(--text);background:color-mix(in srgb,var(--text) 5%,transparent)}
.library-feature{padding:0 4px 24px}.library-intro{max-width:680px;margin-bottom:28px}.library-intro h2{font-size:clamp(24px,3vw,32px);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px}.library-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.library-account{display:flex;align-items:flex-end;gap:16px;max-width:680px}.library-account .field{flex:1;min-width:0;margin:0}.library-account .field>label{display:block;font-size:13px;margin-bottom:8px}.library-account .select-field{width:100%}.library-account>.btn{min-height:44px;flex:none}
.library-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:20px 24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:28px}.library-status>div:first-child{flex:1;min-width:160px;display:grid;gap:8px}.library-status strong{font-size:15px;font-weight:500}.library-status span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.library-status[data-state=paused] strong{color:var(--orange,#e8b276)}.library-status .tools-help{flex-basis:100%;margin:0}.library-status progress{width:100%;height:4px;appearance:none;border:0;border-radius:4px;background:var(--line);overflow:hidden}.library-status progress::-webkit-progress-bar{background:var(--line)}.library-status progress::-webkit-progress-value{background:var(--accent)}.library-status progress::-moz-progress-bar{background:var(--accent)}
.library-list{margin-top:32px}.library-filter{display:flex;align-items:center;gap:12px;max-width:680px}.library-filter input{flex:1;min-width:0;min-height:44px}.library-select-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:20px 0 8px}.library-select-actions>span{margin-left:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.library-item{display:flex;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);min-height:76px}.library-item-copy{flex:1;min-width:0}.library-item-copy a{display:block;color:var(--text);font-size:14px;line-height:1.55;overflow-wrap:anywhere;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.library-item-copy a:hover{text-decoration:underline}.library-item-copy small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.library-item>.avatar{width:36px;height:36px;font-size:12px;flex:none}.library-item-mark{display:grid;place-items:center;width:32px;flex:none;color:var(--muted)}.library-item-mark svg{width:18px;height:18px}.library-check{display:grid;place-items:center;min-width:40px;min-height:44px;cursor:pointer}
html[data-design=flow] .library-check input[type=checkbox]{appearance:none;width:24px;height:24px;margin:0;border:1.5px solid var(--muted);border-radius:50%!important;background:transparent;display:grid;place-content:center;cursor:pointer}html[data-design=flow] .library-check input:checked{background:var(--accent);border-color:var(--accent)}.library-check input:checked::after{content:"";width:9px;height:5px;border:solid #062436;border-width:0 0 2px 2px;transform:rotate(-45deg);margin-top:-3px}
.library-selection-bar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:16px 20px;margin-top:24px;z-index:4;box-shadow:0 8px 24px #0002}.library-selection-bar>span{font-size:14px;font-variant-numeric:tabular-nums}.library-selection-bar .btn{white-space:normal;text-align:center;min-height:44px}.library-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.library-pagination>span{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.library-pagination>div{display:flex;gap:8px}.library-empty{padding:40px 0}.library-empty strong{font-weight:500}.library-empty p{color:var(--muted);font-size:14px;line-height:1.6}.tools-tabs button:focus-visible,.library-feature input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-design=flow] .library-feature .btn{border-radius:999px}.library-filter input{background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 16px}
html[data-theme=light] .library-status,html[data-theme=light] .library-selection-bar{background:#fff;border-color:#dce2e8}html[data-theme=light] .library-feature{--muted:#586774}html[data-theme=light] .library-filter input{background:#fff;border-color:#cbd7e0}
@media(max-width:600px){.tools-tabs{gap:4px;margin-bottom:24px}.tools-tabs [role=tab]{padding:8px 14px;font-size:13px}.library-account{flex-direction:column;align-items:stretch;gap:12px}.library-intro{margin-bottom:24px}.library-status{padding:16px}.library-select-actions>span{flex-basis:100%;margin:0 0 8px}.library-item{gap:8px}.library-selection-bar{padding:12px;gap:8px;align-items:stretch;flex-direction:column;border-radius:16px}.library-selection-bar>span{font-size:12px}.library-selection-bar .btn{width:100%}.library-pagination{gap:8px}.library-pagination .btn{padding-inline:12px}.library-feature{padding-inline:0}}

.library-history{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.library-history h3{font-size:16px;font-weight:500;margin:0 0 12px}.library-history>div{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:8px 0}.library-history span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}

.library-filter .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-selection-bar[data-empty=true]{display:none}@media(max-width:600px){.tools-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tools-tabs [role=tab]{padding-inline:8px}.library-filter input{font-size:16px}}
