.tool-info-panel{position:fixed;inset:0 0 0 auto;z-index:var(--z-help);display:flex;flex-direction:column;width:min(440px,92vw);height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-left:1px solid var(--border);background:var(--bg-panel);color:var(--text-main);box-shadow:var(--shadow-2);overflow:hidden;transform:translate(105%);transition:transform var(--dur-slow) var(--ease-out)}.tool-info-panel[open]{transform:none}.tool-info-panel::backdrop{background:color-mix(in srgb,var(--bg-dark) 60%,transparent);animation:ui-fade-in var(--dur-base) var(--ease-out)}[data-theme=light] .tool-info-panel::backdrop{background:color-mix(in srgb,var(--text-main) 28%,transparent)}.tool-info-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex-shrink:0}.tool-info-title{min-width:0;margin:0;font-size:var(--fs-lg);font-weight:600;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.tool-info-close{flex-shrink:0}.tool-info-body{flex:1;min-height:0;padding:var(--sp-5);overflow-y:auto;overscroll-behavior:contain}.tool-info-body:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tool-info-intro,.tool-info-block h3,.tool-info-steps li,.tool-info-features li,.tool-info-faq dt,.tool-info-faq dd{word-break:keep-all;overflow-wrap:anywhere}.tool-info-intro{margin:0 0 var(--sp-6);font-size:var(--fs-md);line-height:1.7;color:var(--text-muted)}.tool-info-block{margin-bottom:var(--sp-6)}.tool-info-block:last-child{margin-bottom:0}.tool-info-block h3{margin:0 0 var(--sp-3);font-size:var(--fs-md);font-weight:600;color:var(--text-main)}.tool-info-steps,.tool-info-features{margin:0;padding-left:1.3em;font-size:var(--fs-base);line-height:1.7}.tool-info-steps li,.tool-info-features li{margin-bottom:var(--sp-2)}.tool-info-steps li::marker{color:var(--primary);font-weight:600}.tool-info-faq{margin:0;font-size:var(--fs-base)}.tool-info-faq dt{margin-top:var(--sp-4);font-weight:600}.tool-info-faq dt:first-child{margin-top:0}.tool-info-faq dd{margin:var(--sp-1) 0 0;line-height:1.65;color:var(--text-muted)}.tool-info-license{margin:var(--sp-5) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--border);font-size:var(--fs-xs);line-height:1.5;color:var(--text-faint);word-break:keep-all;overflow-wrap:anywhere}@media(max-width:479px){.tool-info-panel{width:100%;border-left:0}.tool-info-header{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4)}.tool-info-title{font-size:var(--fs-md)}.tool-info-body{padding:var(--sp-4) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.tool-info-panel{transition:none}.tool-info-panel::backdrop{animation:none}}