.pro-tip{position:relative;display:inline-flex}.pro-tip-trigger{display:inline-flex;align-items:center;cursor:default}.pro-tip-bubble{position:absolute;z-index:var(--z-tooltip);white-space:nowrap;max-width:260px;white-space:normal;padding:var(--space-2) var(--space-3);background:var(--color-text);color:#fff;font-size:var(--text-xs);font-family:var(--font-sans);line-height:var(--leading-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.pro-tip-bubble:after{content:"";position:absolute;border:5px solid transparent}.pro-tip:hover .pro-tip-bubble,.pro-tip:has(:focus-visible) .pro-tip-bubble,.pro-tip-trigger:focus-visible+.pro-tip-bubble{opacity:1}.pro-tip--top .pro-tip-bubble{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px)}.pro-tip--top:hover .pro-tip-bubble,.pro-tip--top:has(:focus-visible) .pro-tip-bubble,.pro-tip--top .pro-tip-trigger:focus-visible+.pro-tip-bubble{transform:translate(-50%) translateY(0)}.pro-tip--top .pro-tip-bubble:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--color-text)}.pro-tip--bottom .pro-tip-bubble{top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px)}.pro-tip--bottom:hover .pro-tip-bubble,.pro-tip--bottom:has(:focus-visible) .pro-tip-bubble,.pro-tip--bottom .pro-tip-trigger:focus-visible+.pro-tip-bubble{transform:translate(-50%) translateY(0)}.pro-tip--bottom .pro-tip-bubble:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--color-text)}.pro-tip--left .pro-tip-bubble{right:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px)}.pro-tip--left:hover .pro-tip-bubble,.pro-tip--left:has(:focus-visible) .pro-tip-bubble,.pro-tip--left .pro-tip-trigger:focus-visible+.pro-tip-bubble{transform:translateY(-50%) translate(0)}.pro-tip--left .pro-tip-bubble:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--color-text)}.pro-tip--right .pro-tip-bubble{left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px)}.pro-tip--right:hover .pro-tip-bubble,.pro-tip--right:has(:focus-visible) .pro-tip-bubble,.pro-tip--right .pro-tip-trigger:focus-visible+.pro-tip-bubble{transform:translateY(-50%) translate(0)}.pro-tip--right .pro-tip-bubble:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--color-text)}[data-theme=dark] .pro-tip-bubble{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}[data-theme=dark] .pro-tip--top .pro-tip-bubble:after{border-top-color:var(--color-surface)}[data-theme=dark] .pro-tip--bottom .pro-tip-bubble:after{border-bottom-color:var(--color-surface)}[data-theme=dark] .pro-tip--left .pro-tip-bubble:after{border-left-color:var(--color-surface)}[data-theme=dark] .pro-tip--right .pro-tip-bubble:after{border-right-color:var(--color-surface)}@media(prefers-reduced-motion:reduce){.pro-tip-bubble{transition:opacity var(--transition-fast)}}.tool-education{margin-top:var(--space-10);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-education__heading{font-family:var(--font-serif, inherit);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-3)}.tool-education__summary{font-size:var(--text-lg);line-height:1.6;color:var(--color-text);margin:0 0 var(--space-5)}.tool-education__block{margin-bottom:var(--space-5)}.tool-education__block p{margin:0;line-height:1.65;color:var(--color-text-muted)}.tool-education__subheading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);margin:0 0 var(--space-2)}.tool-education__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.tool-education__list{margin:0;padding-left:var(--space-5);line-height:1.6;color:var(--color-text-muted)}.tool-education__list li+li{margin-top:var(--space-2)}.tool-education__list--warn li::marker{color:var(--color-highlight)}.tool-education__notfor{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-highlight);background:var(--color-surface-2);border-radius:var(--radius-sm);line-height:1.6;color:var(--color-text-muted)}.tool-education__notfor strong{color:var(--color-text)}@media(max-width:720px){.tool-education__grid{grid-template-columns:1fr;gap:var(--space-4)}.tool-education{padding:var(--space-4)}}@media print{.tool-education{border:1px solid #ccc;background:none;break-inside:avoid}}.tool-shell{max-width:var(--max-content);margin:0 auto;padding:var(--space-6)}.tool-shell__breadcrumbs{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);flex-wrap:wrap}.tool-shell__breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.tool-shell__breadcrumbs a:hover{color:var(--color-accent)}.tool-shell__breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:500}.tool-shell__header{position:sticky;top:var(--header-height);z-index:var(--z-raised);display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;margin-bottom:var(--space-6);flex-wrap:wrap}.tool-shell__header-left{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.tool-shell__emoji{font-size:1.5rem;line-height:1}.tool-shell__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0;white-space:nowrap}.tool-shell__tabs{display:flex;gap:2px;background:var(--color-surface-2);border-radius:var(--radius-md);padding:3px}.tool-shell__tab{padding:var(--space-1) var(--space-3);border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tool-shell__tab:hover{color:var(--color-text)}.tool-shell__tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.tool-shell__header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.tool-shell__layout{display:grid;grid-template-columns:1fr 260px;gap:var(--space-8);align-items:start}@media(max-width:1024px){.tool-shell__layout{grid-template-columns:1fr}.tool-shell__rail{display:none}}.tool-shell__main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.tool-shell__tool-area{display:flex;flex-direction:column;gap:var(--space-4)}.tool-shell__output-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tool-shell__shortcuts-hint{font-size:var(--text-xs);color:var(--color-text-subtle)}.tool-shell__shortcuts-hint kbd{display:inline-flex;padding:1px 6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px}.tool-shell__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.tool-shell__btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-2)}.tool-shell__btn:disabled{opacity:.5;cursor:not-allowed}.tool-shell__btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.tool-shell__btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.tool-shell__btn--ghost{border-color:transparent;background:transparent}.tool-shell__btn--ghost:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}.tool-shell__label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.tool-shell__dropdown-wrap{position:relative}.tool-shell__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);padding:var(--space-1);animation:slideDown var(--transition-fast)}.tool-shell__dropdown-item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.tool-shell__dropdown-item:hover{background:var(--color-surface-2)}.tool-shell__dropdown-msg{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);margin:0;font-style:italic}.tool-shell__batch{display:flex;flex-direction:column;gap:var(--space-3)}.tool-shell__batch-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.tool-shell__batch-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;resize:vertical;transition:border-color var(--transition-fast)}.tool-shell__batch-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0000001a}.tool-shell__batch-actions{display:flex;gap:var(--space-2)}.tool-shell__history{padding:var(--space-8);text-align:center}.tool-shell__history-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.tool-shell__faqs{display:flex;flex-direction:column;gap:var(--space-3)}.tool-shell__section-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4)}.faq-accordion{display:flex;flex-direction:column;gap:var(--space-2)}.faq-accordion__item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-accordion__question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);cursor:pointer;font-weight:600;color:var(--color-text);background:var(--color-surface);list-style:none;-webkit-user-select:none;user-select:none;gap:var(--space-3)}.faq-accordion__question::-webkit-details-marker{display:none}.faq-accordion__question:hover{background:var(--color-surface-2)}.faq-accordion__chevron{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-base)}details[open] .faq-accordion__chevron{transform:rotate(180deg)}.faq-accordion__answer{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}.faq-accordion__answer p{color:var(--color-text-muted);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.tool-shell__howto{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-shell__howto-steps{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.tool-shell__howto-steps li kbd{display:inline-flex;padding:1px 6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px}.tool-shell__rail{position:sticky;top:calc(var(--header-height) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-4)}.tool-shell__rail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.tool-shell__rail-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);margin-bottom:var(--space-3)}.tool-shell__rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tool-shell__rail-list li{display:flex}.tool-shell__rail-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);width:100%}.tool-shell__rail-link:hover{color:var(--color-accent);background:var(--color-surface-2);text-decoration:none}.tool-shell__rail-link-plain{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.tool-shell__rail-link-plain:hover{color:var(--color-accent-hover);text-decoration:underline}.tool-shell__rail-empty{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.tool-shell__share-wrap{position:relative}.tool-shell__pin-btn--active{color:var(--color-accent)}.tool-shell__btn--active{background:var(--color-surface-2);color:var(--color-accent)}.tool-shell__embed-panel{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.tool-shell__embed-label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.tool-shell__embed-code{display:block;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xs);background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-3);word-break:break-all;white-space:pre-wrap;color:var(--color-text);line-height:1.6}@media(max-width:768px){.tool-shell{padding:var(--space-4)}.tool-shell__header{gap:var(--space-2)}.tool-shell__title{font-size:var(--text-lg)}}@media print{.tool-shell__actions,.tool-shell__tabs,.tool-shell__right-rail,.tool-shell__permalink-bar{display:none!important}.tool-shell{max-width:100%;padding:0}.tool-shell__io{display:block!important}.tool-shell__input,.tool-shell__output{border:1px solid #ccc!important;padding:8px!important;font-size:11pt;page-break-inside:avoid}}