.tool-pane{display:flex;flex-direction:column;background:var(--color-card);border:1px solid rgb(var(--ink) / .09);border-radius:var(--ms-radius-md);box-shadow:0 4px 20px -2px #00000014;overflow:hidden;height:100%;min-height:0;box-sizing:border-box}[data-theme=dark] .tool-pane{background:#1c1917cc;box-shadow:0 4px 20px -2px #00000059}.tool-pane--editor{border-color:rgb(var(--ink) / .1)}.tool-pane--editor:focus-within{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 30%,transparent),0 4px 20px -2px #0000001f}[data-theme=dark] .tool-pane--editor:focus-within{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 30%,transparent),0 4px 20px -2px #0006}.tool-pane__toolbar{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 .85rem;background:rgb(var(--ink) / .025);border-bottom:1px solid rgb(var(--ink) / .06);flex-shrink:0}.tool-pane__title{display:flex;align-items:center;gap:.45rem;font-size:var(--ms-text-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.tool-pane__counter{margin-left:.6rem;font-size:var(--ms-text-2xs);font-weight:400;letter-spacing:normal;text-transform:none;color:var(--color-text-muted);padding:.1rem .4rem;background:rgb(var(--ink) / .04);border-radius:var(--ms-radius-xs)}.tool-pane__actions{display:flex;align-items:center;gap:.4rem}.tool-pane__action-btn{font-family:var(--font-ui);font-size:var(--ms-text-2xs);font-weight:500;color:rgb(var(--ink) / .65);background:rgb(var(--ink) / .04);border:1px solid rgb(var(--ink) / .08);border-radius:var(--ms-radius-xs);padding:.2rem .5rem;cursor:pointer;transition:all .12s ease}.tool-pane__action-btn:hover{background:rgb(var(--ink) / .08);color:var(--color-heading);border-color:rgb(var(--ink) / .16)}#tool-action-sample{display:inline-flex;align-items:center;gap:.3rem;color:rgb(var(--ink) / .85);background:rgb(var(--ink) / .07);border-color:rgb(var(--ink) / .14)}#tool-action-sample:hover{background:rgb(var(--ink) / .12);color:var(--color-heading)}.tool-toolbar-attach{display:inline-flex;align-items:center;gap:.35rem;margin-right:.2rem}.tool-pane__action-label{font-family:var(--font-ui);font-size:var(--ms-text-2xs);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.tool-pane__action-select{font-family:var(--font-ui);font-size:var(--ms-text-2xs);font-weight:500;color:rgb(var(--ink) / .85);background:rgb(var(--ink) / .05);border:1px solid rgb(var(--ink) / .1);border-radius:var(--ms-radius-xs);padding:.18rem 1.35rem .18rem .45rem;cursor:pointer;outline:none;transition:all .12s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgb(var(--ink) / 0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center}.tool-pane__action-select:hover{background-color:rgb(var(--ink) / .09);border-color:rgb(var(--ink) / .18);color:var(--color-heading)}.tool-pane__action-select:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 20%,transparent)}.tool-pane__action-select option{background:var(--color-card);color:var(--color-heading)}.tool-pane__bridge-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-ui);font-size:var(--ms-text-2xs);font-weight:500;color:var(--color-heading)!important;background:rgb(var(--ink) / .05);border:1px solid rgb(var(--ink) / .12);border-radius:var(--ms-radius-xs);padding:.2rem .6rem;text-decoration:none!important;cursor:pointer;transition:all .15s ease}.tool-pane__bridge-btn:hover{background:rgb(var(--ink) / .1);border-color:rgb(var(--ink) / .2);color:var(--color-heading)!important}.tool-pane__bridge-btn svg{color:var(--color-text-muted)}.tool-pane__primary-btn,.tool-pane__toolbar .public-tool-run{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;font-family:var(--font-ui);font-size:var(--ms-text-2xs)!important;font-weight:600!important;color:var(--color-accent-on, #000)!important;background:var(--color-accent)!important;border:1px solid var(--color-accent)!important;border-radius:var(--ms-radius-xs)!important;padding:.2rem .65rem!important;min-height:24px!important;height:24px!important;width:auto!important;margin:0!important;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 4px color-mix(in srgb,var(--color-accent) 25%,transparent)}.tool-pane__primary-btn:hover:not(:disabled),.tool-pane__toolbar .public-tool-run:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 40%,transparent)}.tool-pane__primary-btn:disabled,.tool-pane__toolbar .public-tool-run:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.tool-pane__status{display:flex;align-items:center;gap:.4rem;font-size:var(--ms-text-2xs);color:var(--color-text-muted)}.tool-status-dot{width:6px;height:6px;border-radius:50%;background:rgb(var(--ink) / .3);transition:all .2s ease}.tool-status-dot.is-active{background:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.tool-status-dot.is-loading{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent);animation:toolPulse 1s ease-in-out infinite alternate}@keyframes toolPulse{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.35);opacity:1}}.tool-pane__toolbar .tool-share{display:flex!important;align-items:center!important;gap:.35rem!important;margin:0!important}.tool-pane__toolbar .tool-share[hidden]{display:none!important}.tool-pane__toolbar .tool-share button.tool-pane__action-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-ui);font-size:var(--ms-text-2xs);font-weight:500;padding:.2rem .5rem;border-radius:var(--ms-radius-xs);border:1px solid rgb(var(--ink) / .08);background:rgb(var(--ink) / .04);color:rgb(var(--ink) / .7);line-height:normal;cursor:pointer;box-shadow:none;transition:all .12s ease}.tool-pane__toolbar .tool-share button.tool-pane__action-btn:hover{background:rgb(var(--ink) / .08);color:var(--color-heading);border-color:rgb(var(--ink) / .16)}.tool-pane__toolbar .tool-share__note{display:none!important}.tool-pane__content{flex:1;display:flex;flex-direction:column;padding:.85rem;box-sizing:border-box;overflow:hidden}.tool-pane__content--editor{padding:.65rem .85rem}.tool-pane__content--results{overflow-y:auto;flex:1;min-height:0;height:100%;max-height:100%;gap:var(--ms-space-3);scrollbar-width:thin}.tool-pane__content--results .tool-empty{margin:auto 0;padding:var(--ms-space-10) var(--ms-space-6);text-align:center;font-size:var(--ms-text-sm);color:var(--color-text-muted);background:rgb(var(--ink) / .015);border:1px dashed rgb(var(--ink) / .08);border-radius:var(--ms-radius-sm);box-sizing:border-box;width:100%}.tool-pane__content--results .tool-score{padding:var(--ms-space-3) var(--ms-space-4);background:rgb(var(--ink) / .025);border:1px solid rgb(var(--ink) / .07);border-radius:var(--ms-radius-sm);gap:var(--ms-space-2) var(--ms-space-4);margin:0 0 .65rem;width:100%;box-sizing:border-box}.tool-pane__content--results .tool-score__big{font-size:var(--ms-text-3xl);font-weight:700}.tool-pane__content--results .tool-score__caption{font-size:var(--ms-text-sm);font-weight:550}.tool-pane__content--results .tool-score__sub{font-size:var(--ms-text-2xs);color:var(--color-text-muted)}.tool-pane__content--results .tool-meter{height:6px;margin-top:.4rem}.tool-pane__content--results .tool-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--ms-space-2);margin:0 0 .65rem;width:100%;box-sizing:border-box}.tool-pane__content--results .tool-stat{padding:.6rem .75rem;background:rgb(var(--ink) / .025);border:1px solid rgb(var(--ink) / .06);border-radius:var(--ms-radius-xs)}.tool-pane__content--results .tool-stat__value{font-size:var(--ms-text-2xl);font-weight:600;line-height:1}.tool-pane__content--results .tool-stat__label{margin-top:var(--ms-space-1);font-size:var(--ms-text-2xs);color:var(--color-text-muted)}.tool-pane__content--results .tool-flags{gap:.4rem;margin-top:var(--ms-space-2)!important;width:100%;box-sizing:border-box}.tool-pane__content--results .tool-flag{padding:.55rem .75rem;background:rgb(var(--ink) / .02);border:1px solid rgb(var(--ink) / .06);border-left:3px solid var(--color-accent);border-radius:var(--ms-radius-xs);gap:var(--ms-space-2);font-size:var(--ms-text-xs)}.tool-pane__content--results .tool-flag__name{font-size:var(--ms-text-xs)}.tool-pane__content--results .tool-flag__detail{font-size:var(--ms-text-2xs);line-height:1.45}.tool-pane__content--results .tool-note{font-size:var(--ms-text-2xs);line-height:1.45;color:var(--color-text-muted);margin-top:var(--ms-space-2)!important}.tool-pane__content--editor .tool-toolbar{display:flex;align-items:center;gap:var(--ms-space-3);margin-top:auto;padding-top:.65rem;border-top:1px solid rgb(var(--ink) / .06)}.tool-pane__content--results .tool-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ms-space-3);margin-top:auto;padding-top:.65rem;border-top:1px solid rgb(var(--ink) / .06)}.tool-results-cta{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem;padding:.65rem .85rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-surface, #1e1e1e)),var(--color-surface, #1e1e1e));border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--ms-radius-xs);box-shadow:0 2px 10px -2px #0003}.tool-results-cta__header{display:flex;align-items:center;justify-content:space-between}.tool-results-cta__badge{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--ms-text-3xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent)}.tool-results-cta__badge-dot{width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.tool-results-cta__title{font-size:var(--ms-text-xs);font-weight:600;color:var(--color-heading, #fff);margin:0;line-height:1.25}.tool-results-cta__text{font-size:var(--ms-text-2xs);color:var(--color-text-muted);margin:0;line-height:1.35}.tool-results-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .85rem;min-height:30px;font-size:var(--ms-text-2xs);font-weight:600;border-radius:var(--ms-radius-xs);background:var(--color-accent);color:var(--color-accent-on, #000)!important;text-decoration:none!important;transition:all .15s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 25%,transparent)}.tool-results-cta__btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--color-accent) 40%,transparent)}.public-tool-run{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:42px;padding:.65rem 1.25rem;margin-top:var(--ms-space-4);font-size:var(--ms-text-sm);font-weight:600;letter-spacing:.01em;border-radius:var(--ms-radius-xs);background:var(--color-accent);color:var(--color-accent-on, #000);border:1px solid var(--color-accent);cursor:pointer;transition:all .15s ease;box-shadow:0 2px 10px color-mix(in srgb,var(--color-accent) 25%,transparent)}.public-tool-run:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-accent) 40%,transparent)}.public-tool-run:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.public-tool-run[aria-busy=true]{position:relative;color:transparent!important}.public-tool-run[aria-busy=true]:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toolSpin .7s linear infinite;color:var(--color-accent-on, #000)}@keyframes toolSpin{to{transform:rotate(360deg)}}
