.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:600;color:var(--color-accent-on)!important;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--ms-radius-xs);padding:.2rem .6rem;text-decoration:none!important;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 6px color-mix(in srgb,var(--color-accent) 20%,transparent)}.tool-pane__bridge-btn:hover{background:var(--root-primary-up);transform:translateY(-1px);box-shadow:0 2px 10px color-mix(in srgb,var(--color-accent) 35%,transparent)}.tool-pane__bridge-btn svg{color:var(--color-accent-on)}.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-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-layout{max-width:100%;width:100%;margin:0;padding:0;box-sizing:border-box}.tool-screen-one{height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-height:580px;width:100%;padding:.65rem 24px .35rem;display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--ms-space-5);align-items:stretch;box-sizing:border-box;overflow:hidden}.tool-workspace-main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tool-workspace-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tool-scroll-cue{flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:.25rem 0 .1rem}.tool-scroll-cue__btn{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--ms-text-2xs);font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:.15rem .6rem;border-radius:var(--ms-radius-full);background:rgb(var(--ink) / .03);border:1px solid rgb(var(--ink) / .06);transition:all .15s ease}.tool-scroll-cue__btn:hover{color:var(--color-accent);background:rgb(var(--ink) / .06);border-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}.tool-sidebar{height:100%;max-height:100%;display:flex;flex-direction:column;width:240px;padding:.75rem .6rem;background:var(--color-card);border:1px solid rgb(var(--ink) / .08);border-radius:var(--ms-radius-md);box-shadow:0 4px 20px -2px #00000014;overflow:hidden;box-sizing:border-box}.tool-sidebar__search-wrap{position:relative;width:100%;margin-bottom:.6rem}.tool-sidebar__search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.tool-sidebar__search{width:100%;height:32px;padding:0 .5rem 0 1.85rem;font-family:var(--font-ui);font-size:var(--ms-text-xs);color:var(--color-text, #fff);background:rgb(var(--ink) / .04);border:1px solid rgb(var(--ink) / .08);border-radius:var(--ms-radius-xs);outline:none;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.tool-sidebar__search:focus{border-color:var(--color-accent);background:rgb(var(--ink) / .06)}.tool-sidebar__search::placeholder{color:rgb(var(--ink) / .35)}.tool-sidebar__head{padding:.2rem .4rem .4rem;font-size:var(--ms-text-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid rgb(var(--ink) / .06);margin-bottom:.4rem}.tool-sidebar__nav{flex:1;overflow-y:auto;scrollbar-width:thin;padding-right:2px;min-height:0}.tool-sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tool-sidebar__list li,.tool-sidebar__item{margin:0!important;padding:0!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;list-style:none!important}.tool-sidebar__link{display:flex;align-items:center;gap:.55rem;padding:.28rem .55rem;min-height:28px;border-radius:var(--ms-radius-xs);text-decoration:none;font-size:var(--ms-text-xs);font-weight:450;color:rgb(var(--ink) / .65);transition:all .12s ease;position:relative}.tool-sidebar__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:color .12s ease}.tool-sidebar__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-sidebar__active-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 6px var(--color-accent);flex-shrink:0}.tool-sidebar__link:hover{background:rgb(var(--ink) / .05);color:var(--color-heading)}.tool-sidebar__link:hover .tool-sidebar__icon{color:var(--color-heading)}.tool-sidebar__link.is-current{background:color-mix(in srgb,var(--color-accent) 3%,transparent);color:var(--color-accent);font-weight:600}.tool-sidebar__link.is-current .tool-sidebar__icon{color:var(--color-accent)}.tool-sidebar__none{padding:var(--ms-space-4) var(--ms-space-2);font-size:var(--ms-text-xs);color:var(--color-text-muted);text-align:center}.tool-sidebar__footer{padding-top:var(--ms-space-2);margin-top:.4rem;border-top:1px solid rgb(var(--ink) / .06)}.tool-sidebar__footer-link{display:flex;align-items:center;justify-content:space-between;padding:.35rem .55rem;font-size:var(--ms-text-2xs);color:var(--color-text-muted);text-decoration:none;border-radius:var(--ms-radius-xs);transition:all .12s ease}.tool-sidebar__footer-link:hover{color:var(--color-heading);background:rgb(var(--ink) / .04)}.tool-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ms-space-3) var(--ms-space-6);margin-bottom:var(--ms-space-3);padding-bottom:.6rem;border-bottom:1px solid rgb(var(--ink) / .06)}.tool-header__meta{flex:1 1 340px;min-width:0}.tool-header__breadcrumbs ol{list-style:none;display:flex;align-items:center;gap:.35rem;padding:0;margin:0 0 .2rem;font-size:var(--ms-text-2xs);color:var(--color-text-muted)}.tool-header__breadcrumbs li{margin:0!important;padding:0!important;font-family:inherit!important;font-size:inherit!important;list-style:none!important;display:inline-flex;align-items:center}.tool-header__breadcrumbs a{color:var(--color-text-muted);text-decoration:none;transition:color .12s ease}.tool-header__breadcrumbs a:hover{color:var(--color-heading)}.tool-header__breadcrumbs .is-current{color:rgb(var(--ink) / .85);font-weight:500}.tool-header__title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tool-header__title{font-size:var(--ms-text-display-2);font-weight:600;line-height:1.25;margin:0;color:var(--color-heading);font-family:var(--font-display)}.tool-header__badge{font-size:var(--ms-text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .45rem;background:color-mix(in srgb,var(--color-accent) 3%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--ms-radius-xs)}.tool-header__tagline{margin:.2rem 0 0;font-size:var(--ms-text-xs);line-height:1.4;color:var(--color-text-muted)}.tool-header__actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.tool-header__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--ms-text-xs);font-weight:500;padding:.35rem .7rem;background:rgb(var(--ink) / .04);border:1px solid rgb(var(--ink) / .12);border-radius:var(--ms-radius-xs);color:var(--color-heading);text-decoration:none;transition:all .15s ease}.tool-header__cta:hover{background:rgb(var(--ink) / .08);border-color:rgb(var(--ink) / .25)}[data-theme=dark] .tool-sidebar{background:#1c1917b3;box-shadow:0 4px 20px -2px #00000059}@media(max-width:1024px){.tool-screen-one{height:auto;max-height:none;min-height:auto;grid-template-columns:minmax(0,1fr);display:flex;flex-direction:column;padding:var(--ms-space-3) var(--ms-space-4) var(--ms-space-6);overflow:visible}.tool-workspace-main{order:1;height:auto;overflow:visible}.tool-sidebar{order:2;position:static;width:100%;max-height:280px;margin-top:var(--ms-space-6);padding:var(--ms-space-3)}}