.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__icon--top{color:var(--colors-amber-500, #f59e0b)}.tool-sidebar__link:hover .tool-sidebar__icon--top{color:var(--colors-amber-400, #fbbf24)}.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-sidebar__footer-link.is-current{background:color-mix(in srgb,var(--color-accent) 3%,transparent);color:var(--color-accent);font-weight:600}.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__sample-note{margin:var(--ms-space-2) 0 0;font-size:var(--ms-text-xs);line-height:1.4;color:var(--color-text)}.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)}}