.tool-page{--tool-radius:16px;padding-block:8px 24px}.tool-page-chrome{gap:18px;display:grid}.tool-page-header{align-items:flex-start;gap:14px;padding:6px 0 0;display:flex}.tool-page-header>:first-child{border-radius:14px;width:48px;height:48px;margin-top:4px}.tool-page-heading{flex:1;min-width:0}.tool-page-heading .tool-eyebrow{color:var(--color-ink-3);margin-bottom:5px;font-size:11px}.tool-page-heading h1{letter-spacing:-.025em;font-size:clamp(22px,2.3vw,28px);font-weight:650;line-height:1.3}.tool-page-description{color:var(--color-ink-3);margin-top:8px;font-size:13px;line-height:1.7}.tool-page .tool-guide{background:0 0;border-radius:12px;margin-block:18px}.tool-page .tool-guide>details{padding:8px 14px}.tool-guide-toggle{align-items:center;gap:9px;min-height:32px;list-style:none;display:flex}.tool-guide-toggle::-webkit-details-marker{display:none}.tool-guide-mark{border:1px solid;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.tool-guide-caption{color:var(--color-ink-4);margin-left:auto;font-size:11px;font-weight:400}.tool-guide-arrow{margin-left:auto;transition:transform .15s}.tool-guide-caption+.tool-guide-arrow{margin-left:8px}details[open]>.tool-guide-toggle .tool-guide-arrow{transform:rotate(180deg)}.tool-page .tool-editor{border:1px solid var(--color-line-soft);border-radius:var(--tool-radius);background:var(--color-surface);padding:24px}.tool-page .tool-editor>:first-child{margin-top:0}.tool-page .tool-editor>:first-child>p:first-child{max-width:100ch;font-size:13px;line-height:1.8}.tool-page .tool-editor :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select,textarea){border-color:var(--color-line);background-color:var(--color-surface);border-radius:10px;box-shadow:0 1px 2px #00000004}.tool-page .tool-editor :where(textarea){padding:12px 14px;line-height:1.75}.tool-page .tool-editor :where(textarea[readonly]){background:var(--color-bg-sunk);box-shadow:none;color:var(--color-ink-2)}.tool-page .tool-editor :where(input,select,textarea):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tool-page .tool-editor :where(input,textarea)::placeholder{color:var(--color-ink-4);opacity:.8}.tool-page .tool-editor :where(label){line-height:1.6}.tool-page .tool-editor :where(button,a[download]){border-radius:9px;font-weight:500;transition:background-color .15s,border-color .15s,box-shadow .15s}.tool-page .tool-editor :where(button):disabled{opacity:.42}.tool-page .tool-editor :where(button):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.tool-page .tool-editor :where(.tool-button){justify-content:center;align-items:center;gap:6px;min-height:42px;padding:9px 14px;font-size:13px;display:inline-flex}.tool-page .tool-editor .tool-button:not(:disabled):not(.tool-button-primary):not([data-tool-action=primary]):not([class~=bg-accent]):not([class~=\!bg-accent]):hover{background:var(--color-bg-sunk);border-color:var(--color-ink-4)}.tool-page .tool-editor .tool-button-primary{background:var(--color-accent);color:var(--color-accent-contrast);border:1px solid var(--color-accent)}.tool-page .tool-editor .tool-button-primary:not(:disabled):hover{background:var(--color-accent);color:var(--color-accent-contrast);filter:brightness(.94);border-color:var(--color-accent)}.tool-page .tool-editor :where(button[aria-pressed=true]){border-color:var(--color-accent)}.tool-page :where([role=status],[role=alert]):empty{display:none}.tool-page .tool-editor :where([role=status],[role=alert]):not(:empty){line-height:1.7}.tool-page .tool-editor :where([role=alert]):not(:empty){background:color-mix(in srgb,var(--color-hot) 6%,transparent);border-radius:9px;padding:10px 12px}.tool-page .tool-editor :where(table){border-collapse:separate;border-spacing:0}.tool-page .tool-editor :where(thead){background:var(--color-bg-sunk)}.tool-page .tool-editor :where(th){color:var(--color-ink-3);white-space:nowrap;font-weight:550}.tool-page .tool-editor :where(tbody tr:nth-child(2n)){background:color-mix(in srgb,var(--color-bg-sunk) 45%,transparent)}.tool-page .tool-editor :where(td,th){vertical-align:top;line-height:1.7}.tool-page .tool-editor :where(td){font-variant-numeric:tabular-nums}.tool-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tool-section-label{align-items:center;gap:10px;min-width:0;display:flex}.tool-section-label h2{font-size:14px;font-weight:600;line-height:1.5}.tool-section-label p{color:var(--color-ink-4);margin-top:3px;font-size:11px}.tool-step{border:1px solid var(--color-line-soft);width:25px;height:25px;color:var(--color-ink-3);background:var(--color-surface);font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;font-size:11px;display:grid}.tool-heading-actions{color:var(--color-ink-4);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.tool-two-pane{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.tool-pane{min-width:0}.tool-pane+.tool-pane{border-left:1px solid var(--color-line-soft);padding-left:20px}.tool-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.tool-text-meta{color:var(--color-ink-4);flex-wrap:wrap;gap:5px 12px;margin-top:8px;font-size:11px;display:flex}.tool-editor .tool-text-input{min-height:300px}.tool-options{background:var(--color-bg-sunk);border-radius:12px;padding:12px 14px}.tool-options label:has(>input[type=checkbox]){cursor:pointer;min-height:32px}.tool-result-box{border:1px solid var(--color-line-soft);background:var(--color-bg);border-radius:14px;padding:20px}.tool-result-placeholder{border:1px dashed var(--color-line);text-align:center;min-height:230px;color:var(--color-ink-4);background:var(--color-bg-sunk);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 20px;display:flex}.tool-result-placeholder h3{color:var(--color-ink-3);font-size:13px;font-weight:500}.tool-result-placeholder p{max-width:32ch;font-size:12px;line-height:1.8}.tool-subtle-note{color:var(--color-ink-4);font-size:11px;line-height:1.8}.tool-segmented{background:var(--color-bg-sunk);border:1px solid var(--color-line-soft);border-radius:11px;flex-wrap:wrap;gap:4px;max-width:100%;padding:4px;display:inline-flex}.tool-page .tool-editor .tool-segmented button{min-height:36px;color:var(--color-ink-3);background:0 0;border:1px solid #0000;padding:7px 14px;font-size:12px}.tool-page .tool-editor .tool-segmented button[aria-pressed=true]{background:var(--color-surface);border-color:var(--color-line-soft);color:var(--color-accent);box-shadow:0 1px 3px #0000000d}.tool-page .tool-connections{margin-top:24px;padding-top:22px}.tool-page .tool-connections h2{color:var(--color-ink-3);font-size:12px;font-weight:500}.tool-page .tool-connections a{border-radius:12px;padding:14px}.tool-page .tool-connections a:hover{background:var(--color-surface)}.tool-page .tool-connections a>span:first-child{border-radius:9px;width:32px;height:32px}.tool-page .tool-connections a svg{width:18px;height:18px}.tool-page .tool-connections a strong{font-size:12px;line-height:1.6}.tool-page .tool-connections a span span{margin-top:3px;font-size:11px;line-height:1.7}.tool-unit-row[data-source=true]{background:color-mix(in srgb,var(--color-accent) 4%,var(--color-surface))}.tool-unit-row[data-source=true] label{color:var(--color-accent);font-weight:600}.tool-unit-row[data-source=true] input{border-color:var(--color-accent)}.tool-unit-row input{text-align:right;font-variant-numeric:tabular-nums}.tool-unit-nav{scrollbar-width:thin}.tool-business-hero{background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface));border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-top:16px;padding:16px;display:grid}.tool-business-hero p{color:var(--color-ink-3);font-size:11px}.tool-business-hero strong{color:var(--color-accent);font-variant-numeric:tabular-nums;margin-top:8px;font-size:21px;line-height:1.3;display:block}.tool-business-result>details{margin-top:16px}.tool-business-result>details>summary{color:var(--color-ink-3);cursor:pointer;font-size:12px}@container (width<=850px){.tool-two-pane{grid-template-columns:minmax(0,1fr);gap:24px}.tool-pane+.tool-pane{border-left:0;border-top:1px solid var(--color-line-soft);padding-top:22px;padding-left:0}.tool-page .tool-editor{padding:18px}}@container (width<=520px){.tool-page-header{gap:11px}.tool-page-header>:first-child{border-radius:12px;width:40px;height:40px}.tool-page-heading h1{font-size:22px}.tool-page-description{font-size:12px;line-height:1.7}.tool-guide-caption{display:none}.tool-page .tool-guide>details{padding:6px 11px}.tool-page .tool-editor{border-radius:14px;padding:16px}.tool-editor .tool-text-input{min-height:220px}.tool-section-heading{flex-wrap:wrap}.tool-page .tool-editor .tool-button{min-height:44px}.tool-actions>.tool-button-primary{flex-grow:1}.tool-result-box{padding:14px}.tool-result-placeholder{min-height:180px}}@media (prefers-reduced-motion:reduce){.tool-page *{transition:none!important}}.tool-page.tool-workbench .tool-editor textarea[readonly]{background:var(--color-bg-sunk)}.tool-keyword-fields>label{border:1px solid var(--color-line-soft);background:var(--color-bg);border-radius:12px;padding:14px}.tool-keyword-fields>label>textarea{min-height:130px}.tool-pane>:not(.tool-section-heading)+*{margin-top:14px}.tool-page[data-tool-ui=finance] .tool-editor fieldset>legend{color:var(--color-ink-2);padding-inline:8px}.tool-page[data-tool-ui=finance] .tool-editor fieldset:has(>legend){background:var(--color-bg)}.tool-page[data-tool-ui=finance] .tool-editor :where(dd,strong){font-variant-numeric:tabular-nums}.tool-page[data-tool-ui=table] .tool-editor :where(table){font-size:12px}.tool-page .tool-report{background:var(--color-bg)}.tool-page .tool-report>div:first-child{border-bottom:1px solid var(--color-line-soft);padding-bottom:14px}.tool-page[data-tool-ui=visual] .tool-editor [aria-label=商品图片拖放和粘贴区域]{background:var(--color-bg);border-color:var(--color-line);flex-direction:column;justify-content:center;min-height:130px;display:flex}.tool-page[data-tool-ui=time] .tool-editor :where(article){box-shadow:none}.tool-page[data-tool-ui=time] .tool-editor :where(.mono){font-variant-numeric:tabular-nums}.tool-page[data-tool-ui=lookup] .tool-editor :where(input[type=search]){background:var(--color-bg)}.tool-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-checklist-item{background:var(--color-bg);flex-direction:column}.tool-checklist-item>select{align-self:flex-end;font-size:12px}.tool-checklist-item:has(option[value=ready]:checked){border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-line-soft))}.tool-board-header{gap:12px;padding-block:10px}.tool-board-header button{border:1px solid var(--color-line-soft);background:var(--color-surface);border-radius:9px}.tool-board-header h1{font-size:15px}@container (width<=600px){.tool-checklist{grid-template-columns:minmax(0,1fr)}}.tool-page .tool-editor button[data-tool-action=primary]{border:1px solid var(--color-accent);background:var(--color-accent);min-height:42px;color:var(--color-accent-contrast);justify-content:center;align-items:center;padding:9px 14px;font-size:13px;display:inline-flex}.tool-page .tool-editor button[data-tool-action=primary]:not(:disabled):hover{filter:brightness(.94);background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}@container (width<=520px){.tool-page .tool-editor button[data-tool-action=primary]{min-height:44px}}.tool-page .tool-editor [tabindex="0"]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@container (width<=520px){.tool-guide-caption+.tool-guide-arrow{margin-left:auto}}
