/* Classic full-width toolbox: black navigation, white workspace.
 * Presentation only; preserve V2 input policies, calculations and interactions.
 * Site header/footer and non-tool pages are untouched. */
.yuqi-tools-page.yuqi-tools-ux-v2{
 --tools-bg:#fff;--tools-paper:#fff;--tools-paper-soft:#f8faf9;--tools-ink:#24323d;--tools-muted:#596872;--tools-line:#d9e0e5;--tools-line-strong:#a9b8c5;--tools-accent:#157a55;--tools-accent-dark:#106340;--tools-accent-soft:#edf6f0;
 --ux-sidebar-width:220px;--ux-shell-top:var(--f-header-height,80px);
 --ux-blue:#157a55;--ux-dark-ink:#fff;--ux-focus:#157a55;--ux-warning:#725416;--ux-error:#b42318;
 background:var(--tools-bg);color:var(--tools-ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;width:100%;max-width:none;margin:0;min-height:calc(100dvh - var(--ux-shell-top));overflow:visible;color-scheme:light;
}
.yuqi-tools-ux-v2 *{box-sizing:border-box}
.yuqi-tools-ux-v2 [hidden]{display:none!important}
.yuqi-tools-ux-v2 :is(h1,h2,h3,h4,p,ul,dl){max-width:100%}
.yuqi-tools-ux-v2 :is(h1,h2,h3,h4){color:var(--tools-ink);font-weight:600;letter-spacing:0}
.yuqi-tools-ux-v2 h1{font-size:clamp(22px,1.8vw,28px);line-height:1.4;margin:16px 0 12px}
.yuqi-tools-ux-v2 h2{font-size:17px;line-height:1.5}
.yuqi-tools-ux-v2 h3{font-size:15px;line-height:1.6}
.yuqi-tools-ux-v2 a{color:var(--tools-ink);text-decoration:none}
.yuqi-tools-ux-v2 :is(button,input,select,textarea){font:inherit;max-width:100%;color:var(--tools-ink)}
.yuqi-tools-ux-v2 button{cursor:pointer;transition:background .12s,border-color .12s;border:1px solid var(--tools-line-strong);border-radius:4px;background:var(--tools-paper)}
.yuqi-tools-ux-v2 button:disabled{cursor:not-allowed;opacity:.48}
.yuqi-tools-ux-v2 :is(input,select,textarea){min-height:46px;border:1px solid var(--tools-line-strong);border-radius:4px;background:var(--tools-paper-soft);padding:10px 12px;outline:none;box-shadow:none}
.yuqi-tools-ux-v2 textarea{width:100%;resize:vertical;min-height:160px}
.yuqi-tools-ux-v2 input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--ux-blue)}
.yuqi-tools-ux-v2 input[type=range]{accent-color:var(--ux-blue)}
.yuqi-tools-ux-v2 input::placeholder,.yuqi-tools-ux-v2 textarea::placeholder{color:#6c7883;opacity:1}
.yuqi-tools-ux-v2 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ux-focus);outline-offset:3px;box-shadow:none}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-app{display:grid;grid-template-columns:var(--ux-sidebar-width) minmax(0,1fr);gap:0;width:100%;max-width:none;min-height:calc(100dvh - var(--ux-shell-top));margin:0;padding:0;align-items:stretch;background:#171717}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-app::after{display:none;content:none}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-workspace{width:100%;max-width:none;min-width:0;padding:32px clamp(24px,5vw,100px) 64px;margin:0;background:#fff;color:var(--tools-ink);border:0;box-shadow:none}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar{--tools-paper:#171717;--tools-paper-soft:#232323;--tools-ink:#f3f4f6;--tools-muted:#c6cbd2;--tools-line:#343a40;--tools-line-strong:#59636d;--tools-accent-soft:#26382e;display:block;position:sticky;top:var(--ux-shell-top);width:100%;min-width:0;min-height:0;height:calc(100dvh - var(--ux-shell-top));max-height:calc(100dvh - var(--ux-shell-top));overflow:auto;align-self:start;padding:0;border:0;border-right:1px solid #303030;border-radius:0;background:#171717;color:#c6cbd2;color-scheme:dark}
/* Keep desktop tool navigation and workspace inside the tool shell. The page footer
 * remains reachable outside the shell, but a wheel at an inner scroll boundary
 * must not hand control to the whole document unexpectedly. */
@media(min-width:900px){
 .yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-app{height:calc(100dvh - var(--ux-shell-top));min-height:calc(100dvh - var(--ux-shell-top));overflow:hidden;overscroll-behavior:contain}
 .yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar{position:relative;top:auto;height:100%;max-height:none;overscroll-behavior:contain}
 .yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-workspace{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
}
/* The directory is the one long, all-tools page: let the document reach the
 * existing site footer while keeping its navigation rail sticky. Detail tools
 * keep the contained workspace scroll above. */
@media(min-width:900px){
 .yuqi-tools-page.yuqi-tools-directory-page .yuqi-tools-app{height:auto;min-height:calc(100dvh - var(--ux-shell-top));overflow:visible;overscroll-behavior:auto;align-items:start}
 .yuqi-tools-page.yuqi-tools-directory-page .yuqi-tools-reference-sidebar{position:sticky;top:var(--ux-shell-top);height:calc(100dvh - var(--ux-shell-top));max-height:calc(100dvh - var(--ux-shell-top));overflow:auto;overscroll-behavior:contain;align-self:start}
 .yuqi-tools-page.yuqi-tools-directory-page .yuqi-tools-workspace{height:auto;min-height:calc(100dvh - var(--ux-shell-top));overflow:visible;overscroll-behavior:auto}
}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-brand{display:flex;align-items:center;gap:10px;min-height:46px;padding:18px 20px;color:var(--tools-ink);border:0}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-mark,.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-icon{width:17px;height:17px;flex:none;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar svg{max-width:18px;max-height:18px}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav{display:block;padding:10px 0;max-height:none}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav :is(button,a){display:flex;gap:10px;align-items:center;width:100%;text-align:left;min-height:42px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--tools-muted);font-size:14px;line-height:1.65;overflow-wrap:break-word}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav :is(button,a):hover,.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav [aria-current]{background:var(--tools-accent-soft);color:var(--tools-ink)}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-tools a{font-size:13px;padding-left:32px}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-category-marker{margin-left:auto}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-toggle{display:none}
.yuqi-tools-ux-v2 :is(.yuqi-tools-mode-tabs,[data-tools-mode-tabs]){display:flex;gap:12px;width:100%;border:0;border-bottom:1px solid var(--tools-line);border-radius:0;background:#fff;padding:0;margin:0 0 22px}
.yuqi-tools-ux-v2 :is(.yuqi-tools-mode-tabs,[data-tools-mode-tabs]) a{display:block;min-height:42px;padding:8px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--tools-muted);font-size:14px;background:transparent}
.yuqi-tools-ux-v2 :is(.yuqi-tools-mode-tabs,[data-tools-mode-tabs]) :is(.is-active,[aria-current=page]){background:transparent;color:var(--tools-accent);border-bottom-color:var(--tools-accent)}
.yuqi-tools-ux-v2 .yuqi-tools-directory-title{padding:0;border:0;margin:18px 0 24px}
.yuqi-tools-ux-v2 .yuqi-tools-directory-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 20px;padding:0;border:0}
.yuqi-tools-ux-v2 .yuqi-tools-search{display:block;flex:1;min-width:180px;max-width:none;color:var(--tools-muted);font-size:12px}
.yuqi-tools-ux-v2 .yuqi-tools-search>span{display:block;margin-bottom:7px}
.yuqi-tools-ux-v2 .yuqi-tools-search input{width:100%;min-height:48px;background:var(--tools-paper);font-size:14px}
.yuqi-tools-ux-v2 .ux-category-select{width:190px;height:48px;font-size:13px;background:var(--tools-paper)}
.yuqi-tools-ux-v2 .ux-directory-toolbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:18px 0 28px;flex-wrap:wrap}
.yuqi-tools-ux-v2 .ux-view-filters{display:flex;gap:6px;flex-wrap:wrap}
.yuqi-tools-ux-v2 .ux-view-filters button{padding:6px 13px;min-height:38px;font-size:12px;border-color:transparent;background:transparent;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .ux-view-filters button[aria-pressed=true]{border-color:var(--tools-line-strong);background:var(--tools-paper);color:var(--tools-ink)}
.yuqi-tools-ux-v2 .ux-directory-count{margin:0;font-size:12px;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .yuqi-tools-category-section{margin:0 0 28px;padding:0;border:0}
.yuqi-tools-ux-v2 .yuqi-tools-category-section>h2{font-size:13px;color:var(--tools-muted);margin:0 0 10px;padding:0;border:0}
.yuqi-tools-ux-v2 .yuqi-tools-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.yuqi-tools-ux-v2 .ux-tool-card{position:relative;min-height:98px;margin:0;padding:18px 45px 16px 18px;border:1px solid var(--tools-line);border-radius:10px;background:var(--tools-paper);box-shadow:none;overflow:visible}
.yuqi-tools-ux-v2 .ux-tool-card:hover{border-color:var(--tools-line-strong);background:#f5faf7;transform:none;box-shadow:none}
.yuqi-tools-ux-v2 .ux-tool-card h3{font-size:14px;line-height:1.6;font-weight:500;margin:0 0 7px;color:var(--tools-ink);overflow-wrap:anywhere}
.yuqi-tools-ux-v2 .ux-tool-card p{margin:0;font-size:12px;color:var(--tools-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yuqi-tools-ux-v2 .yuqi-tool-card-hit{position:absolute;inset:0;z-index:1;border-radius:10px}
.yuqi-tools-ux-v2 .ux-favorite{position:absolute;right:7px;top:10px;z-index:2;width:36px;min-height:36px;font-size:21px;padding:0;border:0;background:transparent;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .ux-favorite[aria-pressed=true]{color:#89630b}
.yuqi-tools-ux-v2 .ux-load-more{display:block;margin:8px auto 24px;min-height:44px;padding:8px 24px;font-size:13px}
.yuqi-tools-ux-v2 .yuqi-tools-empty{padding:40px 20px;color:var(--tools-muted);border:1px dashed var(--tools-line-strong);border-radius:10px;text-align:center;background:transparent}
/* Detail workspace */
.yuqi-tools-ux-v2 .yuqi-tool-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tools-muted);margin:0 0 14px}
.yuqi-tools-ux-v2 .yuqi-tool-breadcrumb a{color:var(--tools-muted)}
.yuqi-tools-ux-v2 .yuqi-tool-single-heading{display:block;margin:0;border:0;padding:0}
.yuqi-tools-ux-v2 .yuqi-tool-single-heading .yuqi-tool-action-bar{display:none}
.yuqi-tools-ux-v2 .yuqi-professional-tool-summary{max-width:850px;margin:0 0 28px;font-size:14px;color:var(--tools-muted);line-height:1.9}
.yuqi-tools-ux-v2 .ux-calculator-layout{display:block;width:100%;min-width:0}
.yuqi-tools-ux-v2 .ux-output-panel:has([data-ux-result-state="empty"]){display:none}
.yuqi-tools-ux-v2 :is(.ux-input-panel,.ux-output-panel){position:relative;width:100%;min-width:0;padding:25px;border:1px solid var(--tools-line);border-radius:4px;background:var(--tools-paper);box-shadow:none;margin:0}
.yuqi-tools-ux-v2 .ux-output-panel{margin-top:24px}
.yuqi-tools-ux-v2 .ux-input-panel>h2{margin:0 0 5px;font-size:16px}
.yuqi-tools-ux-v2 .ux-form-intro{font-size:12px;color:var(--tools-muted);line-height:1.8;margin:0 0 22px}
.yuqi-tools-ux-v2 .ux-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.yuqi-tools-ux-v2 .ux-field{min-width:0;max-width:100%}
.yuqi-tools-ux-v2 .ux-field:has(input[type=text]){grid-column:1/-1}
.yuqi-tools-ux-v2 .ux-field-label{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--tools-ink);margin:0 0 8px;line-height:1.6}
.yuqi-tools-ux-v2 .ux-field-tag{color:var(--tools-muted);font-size:10px;font-weight:400;white-space:nowrap}
.yuqi-tools-ux-v2 .ux-control-wrap{position:relative}
.yuqi-tools-ux-v2 .ux-control-wrap :is(input,select){width:100%;height:46px;min-height:46px;background:var(--tools-paper-soft);font-size:14px;padding:10px 12px}
.yuqi-tools-ux-v2 .ux-control-wrap:has(.ux-unit) input{padding-right:62px}
.yuqi-tools-ux-v2 .ux-control-wrap input[type=number]{appearance:textfield;-moz-appearance:textfield}
.yuqi-tools-ux-v2 .ux-control-wrap input::-webkit-outer-spin-button,.yuqi-tools-ux-v2 .ux-control-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.yuqi-tools-ux-v2 .ux-control-wrap input[type=checkbox]{width:20px;height:20px;min-height:20px}
.yuqi-tools-ux-v2 .ux-unit{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:11px;max-width:55px;overflow-wrap:anywhere;color:var(--tools-muted);pointer-events:none}
.yuqi-tools-ux-v2 .ux-field-help{font-size:11px;color:var(--tools-muted);line-height:1.8;margin:6px 0 0}
.yuqi-tools-ux-v2 .ux-field-error{font-size:12px;color:var(--ux-error);line-height:1.8;margin:6px 0 0}
.yuqi-tools-ux-v2 .ux-field-error:empty{display:none}
.yuqi-tools-ux-v2 [aria-invalid=true]{border-color:var(--ux-error);background:#fff5f5}
.yuqi-tools-ux-v2 .ux-advanced{margin-top:24px;border-top:1px solid var(--tools-line);padding-top:16px}
.yuqi-tools-ux-v2 summary{list-style-position:inside;cursor:pointer;min-height:38px;font-size:13px;line-height:1.8;padding:7px 0;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .ux-advanced summary{color:var(--tools-ink)}
.yuqi-tools-ux-v2 .ux-advanced-count{margin-left:8px;font-size:11px;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .ux-advanced>.ux-field-grid{margin-top:14px}
.yuqi-tools-ux-v2 .ux-form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:27px}
.yuqi-tools-ux-v2 .ux-form-actions button{min-height:43px;font-size:13px;padding:9px 16px}
.yuqi-tools-ux-v2 button.ux-primary{color:var(--ux-dark-ink);background:var(--ux-blue);border-color:var(--ux-blue);font-weight:600;flex:0 0 auto;min-width:100px}
.yuqi-tools-ux-v2 button.ux-primary:hover{background:#106340}
.yuqi-tools-ux-v2 button.ux-quiet{background:transparent;border-color:transparent;color:var(--tools-muted);padding:9px 8px}
.yuqi-tools-ux-v2 button.ux-quiet:hover{color:var(--tools-ink);background:var(--tools-accent-soft)}
.yuqi-tools-ux-v2 .ux-form-message{margin:12px 0 0;font-size:12px;color:var(--tools-muted);line-height:1.8;overflow-wrap:anywhere}
.yuqi-tools-ux-v2 .ux-form-message:empty{display:none}
.yuqi-tools-ux-v2 .ux-form-message.is-error{color:var(--ux-error)}
.yuqi-tools-ux-v2 .professional-tool-results-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 0 20px;padding:0;border:0}
.yuqi-tools-ux-v2 .professional-tool-results-heading h2{margin:0;font-size:16px}
.yuqi-tools-ux-v2 button.ux-copy{font-size:11px;line-height:1.5;min-height:36px;padding:7px 10px;color:var(--tools-muted);background:transparent;max-width:165px}
.yuqi-tools-ux-v2 .ux-result-empty{display:flex;min-height:100px;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .ux-empty-symbol{font-size:36px;color:#627982;font-weight:300}
.yuqi-tools-ux-v2 .ux-result-empty h3{font-size:15px;color:var(--tools-muted);margin:12px 0 3px}
.yuqi-tools-ux-v2 .ux-result-empty p{font-size:12px;margin:3px 0}
.yuqi-tools-ux-v2 .ux-primary-result{padding:2px 0 23px;border-bottom:1px solid var(--tools-line)}
.yuqi-tools-ux-v2 .ux-primary-result p{font-size:12px;color:var(--tools-muted);margin:0 0 6px}
.yuqi-tools-ux-v2 .ux-primary-result strong{display:block;font-size:clamp(28px,3.1vw,42px);font-weight:550;letter-spacing:-.025em;line-height:1.3;overflow-wrap:anywhere;color:var(--tools-ink)}
.yuqi-tools-ux-v2 .ux-primary-result small{display:block;color:var(--tools-muted);font-size:11px;margin-top:9px}
.yuqi-tools-ux-v2 .ux-result-breakdown{margin:14px 0 0;display:block}
.yuqi-tools-ux-v2 .ux-result-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:8px 0;align-items:baseline}
.yuqi-tools-ux-v2 .ux-result-breakdown dt{color:var(--tools-muted);font-size:12px}
.yuqi-tools-ux-v2 .ux-result-breakdown dd{margin:0;color:var(--tools-ink);font-size:13px;text-align:right;overflow-wrap:anywhere}
.yuqi-tools-ux-v2 .ux-result-warning{margin-top:18px;padding:12px 14px;border:1px solid #eadab1;border-radius:4px;background:#fffbef;color:var(--ux-warning);font-size:11px;line-height:1.8}
.yuqi-tools-ux-v2 .ux-result-warning p{margin:4px 0 0}
.yuqi-tools-ux-v2 .ux-result-detail{border-top:1px solid var(--tools-line);padding-top:6px;margin-top:18px}
.yuqi-tools-ux-v2 .ux-result-detail p{font-size:12px;color:var(--tools-muted);overflow-wrap:anywhere}
.yuqi-tools-ux-v2 .ux-input-snapshot{display:block;margin:8px 0 0;font-size:11px}
.yuqi-tools-ux-v2 .ux-input-snapshot>div{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;padding:6px 0;align-items:start}
.yuqi-tools-ux-v2 .ux-input-snapshot dt{color:var(--tools-muted)}
.yuqi-tools-ux-v2 .ux-input-snapshot dd{margin:0;text-align:right;overflow-wrap:anywhere}
.yuqi-tools-ux-v2 .ux-result-table-box{min-width:0;margin:0 0 20px}
.yuqi-tools-ux-v2 .ux-result-table-box h3{font-size:14px;margin:0 0 4px}
.yuqi-tools-ux-v2 .ux-table-hint{margin:0 0 12px;font-size:10px;color:var(--tools-muted)}
.yuqi-tools-ux-v2 .ux-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--tools-line);border-radius:7px;overscroll-behavior-x:contain}
.yuqi-tools-ux-v2 .ux-table-scroll table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;margin:0;background:transparent}
.yuqi-tools-ux-v2 .ux-table-scroll :is(th,td){padding:10px 12px;white-space:nowrap;border:0;border-bottom:1px solid var(--tools-line);background:transparent;color:var(--tools-ink);text-align:left}
.yuqi-tools-ux-v2 .ux-table-scroll th{background:var(--tools-paper-soft);color:var(--tools-muted);font-weight:500}
.yuqi-tools-ux-v2 .ux-notes{display:block;padding:0;margin:28px 0 0;background:transparent;border:0;box-shadow:none}
.yuqi-tools-ux-v2 .ux-note-fold{border-top:1px solid var(--tools-line);padding:5px 0;margin:0}
.yuqi-tools-ux-v2 .ux-note-fold :is(p,li,a){font-size:12px;color:var(--tools-muted);line-height:1.9}
.yuqi-tools-ux-v2 .ux-note-fold ul{padding-left:20px}
.yuqi-tools-ux-v2 .ux-note-fold a{text-decoration:underline;text-underline-offset:3px}
.ux-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.ux-clipboard{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}
@media(max-width:1199px){.yuqi-tools-page.yuqi-tools-ux-v2{--ux-sidebar-width:200px}.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-workspace{padding:28px}.yuqi-tools-ux-v2 .yuqi-tools-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yuqi-tools-ux-v2 .ux-calculator-layout{gap:16px}.yuqi-tools-ux-v2 :is(.ux-input-panel,.ux-output-panel){padding:20px}.yuqi-tools-ux-v2 .ux-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-app{display:block;min-height:0}.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar{position:static;height:auto;min-height:0;max-height:none;padding:0;border:0;border-bottom:1px solid #303030;overflow:visible}.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-brand{display:none}.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:12px 18px;min-height:48px;border:0;border-radius:0;background:#171717;color:#f3f4f6;font-size:14px}.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar:not(.ux-open) .yuqi-tools-reference-sidebar-nav{display:none}.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar.ux-open .yuqi-tools-reference-sidebar-nav{display:block;max-height:60dvh;overflow:auto}.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-workspace{padding:24px}.yuqi-tools-ux-v2 .ux-calculator-layout{grid-template-columns:1fr;gap:18px}.yuqi-tools-ux-v2 .ux-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yuqi-tools-ux-v2 .ux-output-panel{scroll-margin-top:90px}}
@media(max-width:559px){.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-workspace{padding:20px 16px 40px}.yuqi-tools-ux-v2 h1{font-size:24px}.yuqi-tools-ux-v2 .yuqi-professional-tool-summary{font-size:12px;margin-bottom:20px}.yuqi-tools-ux-v2 .yuqi-tools-directory-controls{gap:10px}.yuqi-tools-ux-v2 .yuqi-tools-search{flex-basis:100%}.yuqi-tools-ux-v2 .ux-category-select{width:100%;min-height:44px;height:44px}.yuqi-tools-ux-v2 .ux-directory-toolbar{gap:10px;margin-bottom:20px}.yuqi-tools-ux-v2 .ux-directory-count{flex-basis:100%}.yuqi-tools-ux-v2 .yuqi-tools-card-grid{grid-template-columns:1fr;gap:10px}.yuqi-tools-ux-v2 .ux-tool-card{min-height:86px;padding:15px 48px 15px 16px}.yuqi-tools-ux-v2 .ux-favorite{min-width:44px;min-height:44px;right:4px;top:8px}.yuqi-tools-ux-v2 :is(.ux-input-panel,.ux-output-panel){padding:18px;border-radius:4px}.yuqi-tools-ux-v2 .ux-field-grid{grid-template-columns:1fr;gap:18px}.yuqi-tools-ux-v2 .ux-form-actions{gap:6px}.yuqi-tools-ux-v2 .ux-form-actions button{min-height:44px}.yuqi-tools-ux-v2 .ux-primary-result strong{font-size:36px}.yuqi-tools-ux-v2 .ux-view-filters{gap:1px}.yuqi-tools-ux-v2 .ux-view-filters button{padding:7px 12px;min-height:42px}.yuqi-tools-ux-v2 .ux-result-empty{min-height:90px}}
@media(prefers-reduced-motion:reduce){.yuqi-tools-ux-v2 *{transition:none!important;scroll-behavior:auto!important}}
@media print{.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar,.yuqi-tools-ux-v2 .ux-form-actions,.yuqi-tools-ux-v2 .ux-copy{display:none!important}.yuqi-tools-ux-v2{--tools-bg:white;--tools-paper:white;--tools-paper-soft:white;--tools-ink:#111;--tools-muted:#444;--tools-line:#ccc;--tools-line-strong:#aaa}.yuqi-tools-ux-v2 .yuqi-tools-app,.yuqi-tools-ux-v2 .ux-calculator-layout{display:block}.yuqi-tools-ux-v2 .ux-output-panel{margin-top:15px}.yuqi-tools-ux-v2 .ux-primary-result strong{color:#111}}

.yuqi-tools-ux-v2 .ux-primary-number{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.yuqi-tools-ux-v2 .ux-primary-number strong{min-width:0}
.yuqi-tools-ux-v2 button.ux-copy-number{font-size:11px;min-height:36px;padding:6px 10px;background:transparent;border-color:transparent;color:var(--tools-muted)}
.yuqi-tools-ux-v2 button.ux-copy-number:hover{background:var(--tools-accent-soft);color:var(--tools-ink)}
@media(max-width:899px){.yuqi-tools-ux-v2 :is(input,textarea,select),.yuqi-tools-ux-v2 .ux-control-wrap :is(input,select),.yuqi-tools-ux-v2 .yuqi-tools-search input{font-size:16px}.yuqi-tools-ux-v2 :is(button.ux-copy,button.ux-copy-number){min-height:44px}}

/* Keep group headings and nested links legible on the original continuous rail. */
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section{margin:0;padding:0;border:0;border-bottom:1px solid #303030;background:transparent;border-radius:0}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:58px;margin:0;padding:16px 18px;border:0;border-radius:0;background:#171717;color:#f3f4f6;text-align:left}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle:is(:hover,:focus-visible,.is-open){background:#202020;color:#f3f4f6}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle strong{min-width:0;font-size:15px;font-weight:600;line-height:1.5;white-space:normal;word-break:normal;overflow-wrap:normal;color:inherit}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar :is(.yuqi-tools-reference-sidebar-mark,.yuqi-tools-reference-sidebar-icon,.yuqi-tools-reference-sidebar-section-marker){color:#c6cbd2;flex-shrink:0}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-panel{margin:0;padding:0;background:transparent}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav{margin:0;padding:8px 0 14px;background:transparent}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav :is(a,button){color:#d5d8dd;background:transparent;border-radius:0;padding:10px 18px;min-height:42px;white-space:normal;word-break:normal}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav :is(a,button):is(:hover,:focus-visible,.is-current,[aria-current]){background:#26382e;color:#fff}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle .yuqi-tools-reference-sidebar-section-title,
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle strong,
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle :is(.yuqi-tools-reference-sidebar-mark,.yuqi-tools-reference-sidebar-section-marker){color:#43bd61}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle:is(:hover,:focus-visible,.is-open) .yuqi-tools-reference-sidebar-section-title,
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle:is(:hover,:focus-visible,.is-open) strong,
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle:is(:hover,:focus-visible,.is-open) :is(.yuqi-tools-reference-sidebar-mark,.yuqi-tools-reference-sidebar-section-marker){color:#69d782}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav :is(a,button) :is(span,strong){color:inherit}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-tools{background:#202020}
.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-tools a{padding-left:32px;font-size:13px}
/* Use the original grouped directory instead of turning categories into a flat card wall. */
.yuqi-tools-ux-v2 .ux-directory-flat{display:block}
.yuqi-tools-ux-v2 .ux-directory-flat .yuqi-tools-category-section{display:block;margin:0 0 26px}
.yuqi-tools-ux-v2 .ux-directory-flat .yuqi-tools-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.yuqi-tools-ux-v2 .ux-directory-flat .yuqi-tools-category-section>h2{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0 0 12px;color:var(--tools-ink);font-size:15px}
.yuqi-tools-ux-v2 .ux-directory-flat .ux-tool-card{min-height:70px;padding:14px 44px 12px 14px;border-radius:4px}
.yuqi-tools-ux-v2 .ux-directory-flat .ux-card-category{display:none}
@media(max-width:1199px){.yuqi-tools-ux-v2 .ux-directory-flat .yuqi-tools-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar:not(.ux-open) .yuqi-tools-reference-sidebar-section{display:none}.yuqi-tools-ux-v2 .ux-directory-flat .yuqi-tools-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){.yuqi-tools-ux-v2 .ux-directory-flat .yuqi-tools-card-grid{grid-template-columns:1fr}.yuqi-tools-ux-v2 .ux-field-grid{grid-template-columns:1fr}}
body.admin-bar .yuqi-tools-page.yuqi-tools-ux-v2{--ux-shell-top:calc(var(--f-header-height,80px) + 32px)}
@media print{.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-app{display:block;background:#fff}.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-workspace{padding:0}.yuqi-tools-page.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar{display:none!important}}

/* Keep card text stable during navigation and give the directory/sidebar a little
 * more reading room. Textual actions use the existing neutral ink instead of
 * turning every control green. */
.yuqi-tools-page.yuqi-tools-ux-v2{font-synthesis:none}
.yuqi-tools-ux-v2 .ux-tool-card h3{font-weight:500;transition:none;text-rendering:optimizeLegibility}
.yuqi-tools-ux-v2 .ux-tool-card:focus-within h3{font-weight:500}
.yuqi-tools-ux-v2 .ux-tool-card p{font-size:13px;line-height:1.75}
.yuqi-tools-ux-v2 .yuqi-tools-category-section>h2{font-size:15px;line-height:1.65;font-weight:600}
.yuqi-tools-ux-v2 .ux-directory-count{font-size:13px}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-section-toggle strong{font-size:16px;line-height:1.6}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-nav :is(a,button){min-height:46px;padding:11px 18px;font-size:15px;line-height:1.7}
.yuqi-tools-ux-v2 .yuqi-tools-reference-sidebar-tools a{padding-left:34px;font-size:14px;line-height:1.7}
.yuqi-tools-ux-v2 .yuqi-professional-tool-summary{font-size:15px}
.yuqi-tools-ux-v2 .ux-field-label{font-size:14px}
.yuqi-tools-ux-v2 .ux-form-message,.yuqi-tools-ux-v2 .ux-note-fold :is(p,li,a),.yuqi-tools-ux-v2 .ux-result-empty p{font-size:13px}
.yuqi-tools-ux-v2 .ux-table-scroll table{font-size:12px}
.yuqi-tools-ux-v2 :is(.yuqi-tools-mode-tabs,[data-tools-mode-tabs]) a{color:var(--tools-muted)}
.yuqi-tools-ux-v2 :is(.yuqi-tools-mode-tabs,[data-tools-mode-tabs]) :is(.is-active,[aria-current=page]){color:var(--tools-ink);border-bottom-color:var(--tools-line-strong)}
.yuqi-tools-ux-v2 .ux-view-filters button[aria-pressed=true]{color:var(--tools-ink)}
.yuqi-tools-ux-v2 :is(button.ux-copy,button.ux-copy-number,button.ux-quiet,.yuqi-tools-secondary,.yuqi-tool-like,.yuqi-tool-favorite){color:var(--tools-muted)}
.yuqi-tools-ux-v2 :is(button.ux-copy,button.ux-copy-number,button.ux-quiet,.yuqi-tools-secondary,.yuqi-tool-like,.yuqi-tool-favorite):hover{color:var(--tools-ink)}