.tool-frame{--tool-bg:var(--surface-container-low);--tool-head:var(--surface-container-high);--tool-panel:var(--surface-container-high);--tool-control:var(--surface-container);--tool-control-on:var(--surface-container-lowest);--tool-inset:var(--surface-container-lowest);--tool-line:color-mix(in srgb,var(--outline) 38%,transparent);--tool-line-strong:color-mix(in srgb,var(--outline) 70%,transparent);--tool-ease:cubic-bezier(0.22,1,0.36,1);--tool-success-ink:color-mix(in srgb,var(--success) 50%,var(--ink));min-width:0;border:1px solid var(--tool-line-strong);border-radius:20px;background:var(--tool-bg);color:var(--ink);box-shadow:var(--shadow-paper);overflow:clip;overflow-wrap:anywhere}[data-theme=dark] .tool-frame{--tool-panel:var(--surface-container);--tool-control:var(--surface-container-low);--tool-control-on:var(--surface-container-highest);--tool-line:var(--outline-variant);--tool-line-strong:color-mix(in srgb,var(--outline) 45%,transparent)}.tool-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:18px 28px;background:var(--tool-head);border-bottom:1px solid var(--tool-line)}.tool-head__title{margin:0;font:600 20px/1.3 var(--sans);letter-spacing:-.02em}.tool-head__caption{margin:4px 0 0;color:var(--ink-2);font:12px/1.5 var(--mono)}.tool-head__aside{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;justify-content:flex-end}.tool-eyebrow{margin:0;color:var(--ink-2);font:11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}.tool-status{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--tool-line);border-radius:999px;color:var(--ink-2);font:12px/1.4 var(--mono)}.tool-status:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--ink-3)}.tool-status[data-tone=busy]{color:var(--accent)}.tool-status[data-tone=busy]:before{background:var(--accent)}.tool-status[data-tone=done]{color:var(--tool-success-ink)}.tool-status[data-tone=done]:before{background:var(--success)}.tool-status[data-tone=attention]{color:var(--danger)}.tool-status[data-tone=attention]:before{background:var(--danger)}.tool-seg{position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;margin:0;padding:4px;border:1px solid var(--tool-line-strong);border-radius:12px;background:var(--tool-inset)}.tool-seg__thumb{position:absolute;top:4px;bottom:4px;left:calc(4px + (100% - 8px) * var(--seg-index, 0) / var(--seg-count, 1));width:calc((100% - 8px) / var(--seg-count, 1));border-radius:9px;background:var(--accent);pointer-events:none}.tool-seg__thumb[data-empty]{opacity:0}.tool-seg__option{overflow-wrap:normal;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0 8px;border-radius:9px;color:var(--ink-2);font-size:14px;line-height:1.2;text-align:center;cursor:pointer}.tool-seg__option:hover{color:var(--ink)}.tool-seg__option:has(input:checked){color:var(--accent-ink);font-weight:500}.tool-seg__option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.tool-seg--sm .tool-seg__option{font-size:13px}.tool-native{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.tool-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:124px;padding:16px;border:1px solid var(--tool-line-strong);border-radius:14px;background:var(--tool-control);cursor:pointer}.tool-tile:hover{border-color:var(--outline)}.tool-tile:has(input:checked){border-color:var(--accent);background:var(--tool-control-on);box-shadow:inset 0 0 0 1px var(--accent)}.tool-tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.tool-tile__icon{color:var(--accent)}.tool-tile__title{font-size:15px;font-weight:500;line-height:1.3}.tool-tile__helper{color:var(--ink-2);font-size:13px;line-height:1.45}.tool-tile__tick{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--accent);color:var(--accent-ink);opacity:0;transform:scale(.6)}.tool-tile:has(input:checked) .tool-tile__tick{opacity:1;transform:none}.tool-switch{position:relative;display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 14px;cursor:pointer}.tool-switch__track{position:relative;flex-shrink:0;width:42px;height:26px;border:1px solid var(--outline);border-radius:999px;background:var(--tool-inset)}.tool-switch__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:var(--ink-2)}.tool-switch:has(input:checked) .tool-switch__track{border-color:var(--accent);background:var(--accent)}.tool-switch:has(input:checked) .tool-switch__knob{background:var(--accent-ink);transform:translateX(16px)}.tool-switch:has(input:focus-visible) .tool-switch__track{outline:2px solid var(--accent);outline-offset:3px}.tool-progress{height:6px;border-radius:999px;background:var(--tool-inset);box-shadow:inset 0 0 0 1px var(--tool-line);overflow:hidden}.tool-progress__fill{height:100%;border-radius:999px;background:var(--accent);transform-origin:left center}.tool-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--outline);border-radius:999px;color:var(--ink);font-size:14px;text-decoration:none;cursor:pointer}.tool-pill:hover{background:var(--tool-head)}.tool-pill--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:500}.tool-pill--primary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.tool-frame :is(a,button,summary,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.tool-seg__thumb{transition:left .26s var(--tool-ease)}.tool-pill,.tool-seg__option{transition:color .2s,background-color .2s,border-color .2s}.tool-tile{transition:border-color .22s,background-color .22s,box-shadow .22s,transform .15s}.tool-tile:active{transform:scale(.985)}.tool-tile__tick{transition:opacity .22s,transform .26s var(--tool-ease)}.tool-switch__track{transition:background-color .22s,border-color .22s}.tool-switch__knob{transition:transform .26s var(--tool-ease),background-color .22s}.tool-progress__fill{transition:transform .35s var(--tool-ease)}}@media (max-width:540px){.tool-head{align-items:flex-start;flex-direction:column;padding:16px 18px}.tool-head__aside{justify-content:flex-start}}