.tool-workspace{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2.75rem;box-shadow:var(--shadow-lg);overflow:hidden}.tool-workspace--primary{border-color:var(--border-strong);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--tool-accent, var(--accent)) 6%,transparent)}.tool-workspace--flagship{border-color:color-mix(in srgb,var(--accent) 28%,var(--border-strong));box-shadow:0 16px 48px #4f46e51f,0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}[data-theme=dark] .tool-workspace--flagship{box-shadow:0 16px 48px #00000059,0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.tool-workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--hero-surface);border-bottom:1px solid var(--border);background-image:linear-gradient(90deg,var(--tool-accent, var(--accent)),color-mix(in srgb,var(--tool-accent, var(--accent)) 60%,transparent));background-size:100% 3px;background-repeat:no-repeat;background-position:top}.tool-workspace-header-inner{flex:1;min-width:0}.tool-workspace-badge{flex-shrink:0;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--success);background:#0596691a;border:1px solid rgba(5,150,105,.25);padding:.3rem .55rem;border-radius:999px}.tool-workspace-label{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tool-accent, var(--accent));margin:.35rem 0 .25rem}.tool-workspace-hint{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.5}.tool-workspace-body{padding:1.25rem 1.5rem 1.375rem}.tool-workspace--primary,.tool-workspace--flagship{max-width:1180px;margin-left:auto;margin-right:auto}.tool-workspace-grid.two-column,.tool-workspace.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.125rem;align-items:stretch}.tool-panel{display:flex;flex-direction:column;min-width:0}.tool-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.4rem}.tool-panel-header label{display:block;font-weight:700;font-size:.9375rem;color:var(--text);letter-spacing:-.01em;margin:0}.tool-panel-hint{font-size:.8125rem;color:var(--text-muted);font-weight:500}.tool-panel--output .tool-panel-header label{color:var(--tool-accent, var(--accent))}.tool-panel textarea,.tool-panel .textarea-workspace{min-height:220px;flex:1 1 auto;resize:vertical}.tool-panel .textarea-slug{min-height:120px}.tool-panel--output .textarea-workspace,.tool-panel--output .textarea-output{background:var(--tool-accent-bg, var(--accent-light));border:1px solid color-mix(in srgb,var(--tool-accent, var(--accent)) 32%,var(--border));box-shadow:inset 0 1px color-mix(in srgb,#fff 40%,transparent)}[data-theme=dark] .tool-panel--output .textarea-workspace,[data-theme=dark] .tool-panel--output .textarea-output{box-shadow:inset 0 1px color-mix(in srgb,#fff 6%,transparent)}.tool-controls{margin-bottom:.875rem}.tool-controls .case-buttons,.tool-controls .tool-options{margin-bottom:0}.tool-controls--compare{position:sticky;top:calc(var(--header-height, 64px) + .5rem);z-index:8;margin:1rem 0 0;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.tool-workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--border)}.tool-workspace-footer-stats{flex:1 1 auto;min-width:0}.tool-workspace-footer-actions{flex:0 0 auto;margin-left:auto}.tool-workspace-footer:not(:has(.tool-workspace-footer-stats)){justify-content:flex-end}.tool-workspace-footer-actions .btn-group{justify-content:flex-end}.tool-actions--panel{margin-top:0;padding-top:0;border-top:none}.tool-actions--panel .tool-btn-group{flex-wrap:wrap}.output-panel .error-message,.output-panel .status-message{margin-top:.5rem}.stats-compact{margin:0;padding:0;border-top:none}.stats-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.125rem;margin:0;padding:0}.stats-inline .stat-item{display:inline-flex;align-items:baseline;gap:.35rem;padding:0;background:none;border:none;text-align:left;box-shadow:none;transform:none}.stats-inline .stat-item:hover{border-color:transparent;box-shadow:none;transform:none}.stats-inline .stat-value{font-size:1.0625rem;line-height:1.2}.stats-inline .stat-label{font-size:.75rem;margin:0;color:var(--text-muted)}.stats-compact .stat-item{padding:0}.stats-compact .stat-value{font-size:1.0625rem}.stats-compact .stat-label{font-size:.75rem;margin-top:0}.tool-layout-counter .tool-panel--stats{display:flex;flex-direction:column;gap:0}.tool-layout-counter .stats-grid--prominent{margin:0;flex:1}.tool-layout-counter .tool-actions--panel{margin-top:1.25rem}.tool-results-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.tool-results-section .diff-summary{margin-bottom:1rem}.status-message{font-size:.875rem}.tool-io-grid{display:grid;gap:1.25rem;margin-bottom:.25rem}.tool-io-grid--2col{grid-template-columns:1fr 1fr}.tool-field{margin-bottom:1.35rem}.tool-field:last-child{margin-bottom:0}.tool-field-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.55rem}.tool-field label{display:block;font-weight:700;font-size:.9375rem;color:var(--text);letter-spacing:-.01em;margin:0}.tool-field-hint{font-size:.8125rem;color:var(--text-muted);font-weight:500}.tool-field--output .tool-field label{color:var(--tool-accent, var(--accent))}textarea{width:100%;min-height:220px;padding:1.125rem 1.25rem;font-family:var(--font);font-size:.975rem;line-height:1.6;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);resize:vertical;transition:border-color var(--transition-premium),box-shadow var(--transition-premium)}.textarea-large{min-height:260px}.textarea-output{background:var(--tool-accent-bg, var(--accent-light));border-color:color-mix(in srgb,var(--tool-accent, var(--accent)) 32%,var(--border));font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.925rem}.textarea-slug{min-height:72px;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--tool-accent, var(--accent))}textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}textarea[readonly]:not(.textarea-output){background:var(--bg-panel)}.tool-options{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1.125rem;padding:.875rem 1rem;background:var(--bg-panel);border-radius:var(--radius-sm);border:1px solid var(--border)}.tool-options label{display:flex;align-items:center;gap:.45rem;font-size:.875rem;cursor:pointer;color:var(--text)}.case-buttons{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:0}.tool-page main.container{padding-top:0;padding-bottom:0}.tool-page .tool-page-header.compact{margin:0 0 1rem;padding:1.25rem 0 0;background:none;border:none}.tool-page .tool-page-header.compact .breadcrumb{font-size:.75rem;margin-bottom:.4rem;opacity:.85}.tool-page .tool-page-header.compact .page-category-label{margin-bottom:.45rem;padding:.22rem .55rem;font-size:.625rem}.tool-page .tool-page-header.compact h1{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;margin:0 0 .4rem;line-height:1.15;letter-spacing:-.03em}.tool-page .tool-page-header.compact .page-intro{font-size:.9375rem;line-height:1.55;max-width:none;margin:0}.tool-trust-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;margin:.55rem 0 0;padding:0;list-style:none;font-size:.75rem;font-weight:600;color:var(--text-muted);line-height:1.4}.tool-trust-inline li{display:inline-flex;align-items:center;gap:.45rem}.tool-trust-inline li+li:before{content:"\b7";margin-right:.45rem;opacity:.55;font-weight:700}.tool-page .tool-workspace.compact{margin-bottom:1.25rem;border-radius:var(--radius);box-shadow:var(--shadow)}.tool-page .tool-workspace.compact.tool-workspace--primary{box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--tool-accent, var(--accent)) 8%,transparent)}.tool-page .tool-workspace-header.compact{padding:.65rem 1.15rem;align-items:center;gap:.75rem}.tool-page .tool-workspace-header.compact .tool-workspace-label{margin:0 0 .15rem;font-size:.625rem}.tool-page .tool-workspace-header.compact .tool-workspace-hint{font-size:.8125rem;line-height:1.4}.tool-page .tool-workspace-header.compact .tool-workspace-badge{padding:.22rem .45rem;font-size:.5625rem}.tool-page .tool-workspace.compact .tool-workspace-body{padding:.85rem 1.15rem 1rem}.tool-page .tool-workspace.compact .tool-controls{margin-bottom:.65rem}.tool-page .tool-workspace.compact .case-buttons .btn,.tool-page .tool-workspace.compact .tool-options .btn,.tool-page .tool-workspace.compact .tool-controls .btn{padding:.42rem .75rem;font-size:.8125rem}.tool-page .tool-workspace.compact .tool-workspace-grid.two-column,.tool-page .tool-workspace.compact.two-column{gap:.875rem}.tool-page .tool-workspace.compact .tool-panel-header{margin-bottom:.3rem;gap:.5rem}.tool-page .tool-workspace.compact .tool-panel-header label{font-size:.875rem}.tool-page .tool-workspace.compact .tool-panel-hint{font-size:.75rem}.tool-page .tool-workspace.compact .tool-panel textarea,.tool-page .tool-workspace.compact .tool-panel .textarea-workspace{min-height:210px;max-height:none;resize:vertical;flex:0 1 auto;padding:.75rem .875rem;font-size:.9375rem;line-height:1.55}.tool-page .tool-workspace.compact .tool-panel .textarea-slug{min-height:100px;max-height:140px}.tool-page .tool-meta-row{margin-top:.65rem;padding-top:.65rem;gap:.75rem 1rem}.tool-page .tool-stats-inline{gap:.35rem .875rem}.tool-page .tool-stats-inline .stat-item{min-width:0}.tool-page .tool-stats-inline .stat-value{font-size:1.05rem}.tool-page .tool-stats-inline .stat-label{font-size:.6875rem}.tool-page .tool-actions-inline .btn-group{gap:.4rem}.tool-page .tool-actions-inline .btn{padding:.45rem .85rem;font-size:.8125rem}.tool-page .tool-privacy-note{margin:.65rem 0 0;font-size:.75rem}.tool-page #tool-example,.tool-page #tool-how-to,.tool-page #tool-faq,.tool-page #tool-related{scroll-margin-top:calc(var(--header-height) + .75rem)}.tool-page .tool-jump-links{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin:0 0 1.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.tool-page .tool-jump-links a{display:inline-flex;align-items:center;padding:.32rem .65rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.75rem;font-weight:600;text-decoration:none;transition:color var(--transition-premium),border-color var(--transition-premium),background var(--transition-premium)}.tool-page .tool-jump-links a:hover{color:var(--tool-accent, var(--accent));border-color:color-mix(in srgb,var(--tool-accent, var(--accent)) 35%,var(--border));background:var(--tool-accent-bg, var(--accent-light));text-decoration:none}.tool-page .tool-jump-links a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tool-page .content-section.compact{margin-bottom:2rem}.tool-page .content-section.compact h2{font-size:1.15rem;margin:0 0 .75rem}.tool-page .content-section.compact li{margin-bottom:.35rem;font-size:.9375rem}.tool-page .content-section.compact p{font-size:.9375rem;line-height:1.6}.tool-page .content-section--example.compact,.tool-page .content-section--notes.compact,.tool-page .content-section--reference.compact{padding:1rem 1.15rem}.tool-page .related-tools-section.compact{margin-bottom:2.25rem}.tool-page .related-tools-section.compact .related-tools-grid{gap:.5rem}.tool-page .related-tools-section.compact .related-tool-card{padding:.55rem .8rem;font-size:.78125rem;font-weight:700;line-height:1.3}.tool-page .content-section--faq.compact .faq-item{margin-bottom:.45rem}.tool-page .tool-layout-counter .stats-grid--prominent{gap:.5rem}.tool-page .tool-layout-counter .stat-item{padding:.65rem .75rem}.tool-page .tool-layout-counter .stat-item--highlight .stat-value{font-size:1.75rem}.tool-page .tool-layout-counter .stat-value{font-size:1.25rem}.tool-page .tool-layout-counter .stat-label{font-size:.6875rem}.tool-page .tool-layout-counter .tool-actions--panel{margin-top:.65rem}.tool-page .tool-controls--compare{top:calc(var(--header-height) + .35rem);margin-top:.65rem;padding:.55rem .75rem}.tool-page #diff-results-area{scroll-margin-top:calc(var(--header-height) + .75rem);margin-top:.75rem}.tool-page .diff-results{gap:.65rem}.tool-page .diff-panel-body{max-height:220px;font-size:.8125rem}[data-theme=dark] .tool-page .tool-jump-links a{background:var(--surface-soft)}[data-theme=dark] .tool-page .tool-jump-links a:hover{background:color-mix(in srgb,var(--tool-accent, var(--accent)) 14%,var(--surface-soft))}@media (max-width: 900px){.tool-page .tool-workspace-grid.two-column,.tool-page .tool-workspace.two-column{grid-template-columns:1fr}.tool-page .tool-workspace.compact .tool-panel textarea,.tool-page .tool-workspace.compact .tool-panel .textarea-workspace{min-height:190px;max-height:none}.tool-page .tool-meta-row{flex-direction:column;align-items:stretch}.tool-page .tool-actions-inline .btn-group{width:100%;justify-content:stretch}.tool-page .tool-actions-inline .btn{flex:1 1 auto}}@media (max-width: 768px){.tool-page .tool-page-header.compact{padding-top:.875rem;margin-bottom:.875rem}.tool-page .tool-page-header.compact h1{font-size:1.45rem}.tool-page .tool-workspace.compact .tool-workspace-body{padding:.75rem .875rem .875rem}.tool-page .tool-jump-links{margin-bottom:1.35rem}}body.tool-page main.container>.content-section.compact{margin-bottom:1.1rem}body.tool-page main.container>.content-section.compact h2{margin-bottom:.45rem}body.tool-page .tp-ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}body.tool-page .tp-ba-card{padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}body.tool-page .tp-ba-title{margin:0 0 .35rem;font-size:.8125rem;font-weight:700;color:var(--cat-web, var(--accent))}body.tool-page .tp-ba-label{margin:.3rem 0 .1rem;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}body.tool-page .tp-ba-text{margin:0;font-size:.75rem;line-height:1.4;padding:.3rem .4rem;border-radius:var(--radius-sm);word-break:break-all}body.tool-page .tp-ba-text--bad{background:color-mix(in srgb,#b45309 8%,var(--surface));border:1px solid color-mix(in srgb,#b45309 18%,var(--border))}body.tool-page .tp-ba-text--good{background:color-mix(in srgb,#0d7a4a 8%,var(--surface));border:1px solid color-mix(in srgb,#0d7a4a 18%,var(--border))}body.tool-page .tp-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.45rem}body.tool-page .tp-guide-card{padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--cat-web-bg, var(--accent-light)) 35%,var(--surface))}body.tool-page .tp-guide-title{margin:0 0 .2rem;font-size:.8125rem;font-weight:700;color:var(--cat-web, var(--accent))}body.tool-page .tp-guide-note{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.4}body.tool-page .tp-use-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}body.tool-page .tp-use-tags li{padding:.32rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--cat-web, var(--accent));background:color-mix(in srgb,var(--cat-web-bg, var(--accent-light)) 55%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-web, var(--accent)) 18%,var(--border))}body.tool-page .tp-tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));gap:.35rem}body.tool-page .tp-tip-card{padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--cat-web-bg, var(--accent-light)) 40%,var(--surface))}body.tool-page .tp-tip-card p{margin:0;font-size:.8125rem;font-weight:600;color:var(--text);line-height:1.35}body.tool-page .tp-workflow-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}body.tool-page .tp-workflow-pills li{display:inline-flex;align-items:center;gap:.25rem;padding:.32rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--cat-web-bg, var(--accent-light)) 50%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-web, var(--accent)) 18%,var(--border))}body.tool-page .tp-workflow-pills a{color:var(--cat-web, var(--accent));text-decoration:none}body.tool-page .tp-workflow-pills a:hover{color:var(--accent);text-decoration:none}body.tool-page .tp-workflow-sep{color:var(--text-muted);font-weight:400}body.tool-page .tp-notes-inline{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.55}[data-theme=dark] body.tool-page .tp-ba-card,[data-theme=dark] body.tool-page .tp-guide-card,[data-theme=dark] body.tool-page .tp-tip-card{background:var(--surface)}@media (max-width: 720px){body.tool-page .tp-ba-grid{grid-template-columns:1fr}}body.tool-page .tool-workspace.compact .tool-workspace-body.tw-workspace-shell{padding:.7rem .8rem .55rem;display:flex;flex-direction:column;gap:.5rem}body.tool-page .tw-preset-bar{margin:0;font-size:.75rem;line-height:1.4}body.tool-page .tw-preset-label{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:.35rem}body.tool-page .tw-preset-link{border:0;background:none;padding:0;font:inherit;font-size:.75rem;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}body.tool-page .tw-preset-link:hover{opacity:.85}body.tool-page .tw-preset-sep{color:var(--text-muted);margin:0 .2rem}body.tool-page .tw-grid{gap:.65rem}body.tool-page .tw-panel-header{margin-bottom:.25rem}body.tool-page .tool-workspace.compact .tw-textarea{min-height:7.5rem;max-height:10rem;padding:.5rem .65rem;font-size:.8125rem;line-height:1.45;resize:vertical}body.tool-page .tw-stat-chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}body.tool-page .tw-chip{font-size:.72rem;color:var(--text-muted);padding:.2rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--border) 35%,var(--surface));border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}body.tool-page .tw-chip strong{color:var(--text);font-weight:700}body.tool-page .tw-chip-status{font-weight:700;text-transform:lowercase}body.tool-page .tw-chip-status--good{color:var(--success, #15803d)}body.tool-page .tw-chip-status--warn{color:var(--warning, #b45309)}body.tool-page .tw-chip-status--neutral{color:var(--text-muted)}body.tool-page .tw-actions-bar{position:sticky;bottom:0;z-index:2;margin:0 -.15rem;padding:.35rem .15rem .1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(6px);border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}body.tool-page .tw-btn-group{flex-wrap:wrap;gap:.35rem}body.tool-page .gen-workspace-shell .gen-controls-compact{display:flex;flex-direction:column;gap:.45rem}body.tool-page .gen-type-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;border:0}body.tool-page .gen-type-pills legend{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;width:100%}body.tool-page .gen-type-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--accent-bg, var(--surface)));cursor:pointer}body.tool-page .gen-type-pill input{accent-color:var(--accent)}body.tool-page .gen-amount-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}body.tool-page .gen-amount-row label{font-size:.78rem;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem}body.tool-page .gen-amount-row input[type=number]{width:4.5rem;padding:.28rem .45rem;font-size:.8125rem;border-radius:.35rem;border:1px solid var(--border);background:var(--surface)}body.tool-page .gen-workspace-shell .tool-workspace-grid--generator{gap:.5rem}@media (max-width: 720px){body.tool-page .tw-actions-bar{position:static;backdrop-filter:none}body.tool-page .tool-workspace.compact .tw-textarea{min-height:6.5rem;max-height:9rem}}