/* Compatibility styling for legacy converters within the shared dashboard. */
.ts-app .legacy-tool-content{margin-top:24px;max-width:1160px;color:var(--ts-text)}
.ts-app .legacy-tool-content h1,.ts-app .legacy-tool-content h2,.ts-app .legacy-tool-content h3,.ts-app .legacy-tool-content h4{color:var(--ts-text)}
.ts-app .legacy-tool-content .text-secondary,.ts-app .legacy-tool-content .text-muted{color:var(--ts-muted)!important}
.ts-app .legacy-tool-content .converter,.ts-app .legacy-tool-content .content-page,.ts-app .legacy-tool-content .card,.ts-app .legacy-tool-content .result-box{max-width:100%;}
.ts-app .legacy-tool-content .card,.ts-app .legacy-tool-content .converter,.ts-app .legacy-tool-content .content-page{background:var(--ts-surface);border:1px solid var(--ts-line);color:var(--ts-text);border-radius:14px}
.ts-app .legacy-tool-content .card-header,.ts-app .legacy-tool-content .converter-head{background:var(--ts-surface2);color:var(--ts-text);border-color:var(--ts-line)}
.ts-app .legacy-tool-content input:not([type=checkbox]):not([type=radio]):not([type=color]),.ts-app .legacy-tool-content textarea,.ts-app .legacy-tool-content select{max-width:100%}
.ts-app .legacy-tool-content .form-control,.ts-app .legacy-tool-content .form-select{background:#101a24;color:var(--ts-text);border-color:#435367}
.ts-app .legacy-tool-content .form-control::placeholder{color:#8494a6}
.ts-app .legacy-tool-content .form-control:focus,.ts-app .legacy-tool-content .form-select:focus{border-color:var(--ts-mint);box-shadow:0 0 0 3px #68e6b426}
.ts-app .legacy-tool-content .ad{border:1px dashed #435367;border-radius:10px;padding:18px;color:var(--ts-muted);text-align:center;background:transparent}
.ts-app .legacy-tool-content .breadcrumb{color:var(--ts-muted)}
.ts-app .legacy-tool-content a{color:var(--ts-mint)}
.ts-app .legacy-tool-content .result-main{overflow-wrap:anywhere}
.ts-app .tool-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#1b2734;border:1px solid #435367;border-radius:11px;max-height:350px;overflow:auto;z-index:1100;box-shadow:0 18px 30px #0008}
.ts-app .search-result-item{display:block;padding:11px 15px;border-bottom:1px solid #304052;color:#e5f1fa;font-size:.86rem}
.ts-app .search-result-item:last-child{border-bottom:0}
.ts-app .search-result-item:hover,.ts-app .search-result-item:focus{background:#254437;color:#fff}
.ts-app .search-result-item small{display:block;color:#9eb0c0;margin-top:3px}

/* Helpful, non-intrusive supporting content for tool pages. */
.seo-tool-help{margin:2.5rem 0 1rem;padding:1.5rem;border:1px solid #303b48;border-radius:16px;background:#171e27;color:#cbd5e1}
.seo-tool-help h2{font-size:1.2rem;color:#f2f7fb;margin:0 0 1rem}
.seo-tool-help h2:not(:first-child){margin-top:1.5rem}
.seo-tool-help li{margin:.55rem 0;line-height:1.6}
.seo-tool-help p{color:#a7b5c6;line-height:1.6}
.seo-related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.75rem;list-style:none;padding:0;margin:0}
.seo-related-list a{display:block;padding:.8rem 1rem;border:1px solid #354251;border-radius:10px;color:#72e5b6;text-decoration:none}
.seo-related-list a:hover,.seo-related-list a:focus-visible{border-color:#72e5b6;text-decoration:underline}
@media(max-width:576px){.seo-tool-help{padding:1rem}.seo-related-list{grid-template-columns:1fr}}

/* Unified dark theme: category cards and legacy components. */
.ts-app .legacy-tool-content{padding-top:1rem!important;margin-top:1rem;min-width:0}
.ts-app .legacy-tool-content .content-page{padding:0;background:transparent;border:0}
.ts-app .legacy-tool-content .conversion-tile,.ts-app .legacy-tool-content .color-tool-card,.ts-app .legacy-tool-content .encryption-card,.ts-app .legacy-tool-content .category-card,.ts-app .legacy-tool-content .tool-link-card{background:var(--ts-surface)!important;border:1px solid var(--ts-line)!important;color:var(--ts-text)!important;box-shadow:none;border-radius:14px;min-width:0}
.ts-app .legacy-tool-content .conversion-tile:hover,.ts-app .legacy-tool-content .color-tool-card:hover,.ts-app .legacy-tool-content .encryption-card:hover{background:var(--ts-surface2)!important;border-color:var(--ts-mint)!important;transform:translateY(-2px)}
.ts-app .legacy-tool-content .conversion-tile strong,.ts-app .legacy-tool-content .color-tool-card h2,.ts-app .legacy-tool-content .encryption-card h2{color:var(--ts-text)!important}
.ts-app .legacy-tool-content .color-tool-card p,.ts-app .legacy-tool-content .conversion-tile span{color:var(--ts-muted)!important}
.ts-app .legacy-tool-content .conversion-tile .tile-icon,.ts-app .legacy-tool-content .color-tool-icon{background:#203d36;color:#80eabe}
.ts-app .legacy-tool-content .color-tool-grid{max-width:none}
.ts-app .legacy-tool-content .conversion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ts-app .legacy-tool-content .color-tool-card{padding:20px;align-items:center}
.ts-app .legacy-tool-content .color-tool-card h2{line-height:1.4}
.ts-app .legacy-tool-content .alert-light,.ts-app .legacy-tool-content .alert-secondary{background:var(--ts-surface2);color:var(--ts-text);border-color:var(--ts-line)}
.ts-app .legacy-tool-content .btn-outline-secondary{color:#d3dfed;border-color:#66788b}
.ts-app .legacy-tool-content .btn-outline-secondary:hover{background:#314456;color:white}
.ts-app .legacy-tool-content .bg-white,.ts-app .legacy-tool-content .bg-light,.ts-app .legacy-tool-content .bg-body{background:var(--ts-surface)!important;color:var(--ts-text)!important}
.ts-app .legacy-tool-content .text-dark,.ts-app .legacy-tool-content .text-black{color:var(--ts-text)!important}
.ts-app .legacy-tool-content .wb-editor{color:var(--ts-text);background:#0f1923;border-color:#394a58}
.ts-app .legacy-tool-content .wb-pane,.ts-app .legacy-tool-content .wb-shell{min-width:0}
.ts-app .legacy-tool-content h1{font-size:clamp(2rem,3vw,2.8rem);line-height:1.17;margin-top:1rem;letter-spacing:-.035em}
.ts-app .legacy-tool-content .lead{font-size:1.05rem;line-height:1.6}
.ts-app .legacy-tool-content .form-label{color:#d7e3ee}
.ts-app .legacy-tool-content .result-box{background:var(--ts-surface2);border-color:var(--ts-line);color:var(--ts-text)}
.ts-app .legacy-tool-content .result-box *{overflow-wrap:anywhere}
.ts-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.ts-category-card{display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:106px;padding:20px;border:1px solid var(--ts-line);border-radius:13px;background:var(--ts-surface);color:var(--ts-text)!important;transition:border-color .15s,background .15s}
.ts-category-card strong{font-size:1rem;color:var(--ts-text)}
.ts-category-card span{color:var(--ts-muted);font-size:.8rem}
.ts-category-card:hover{background:var(--ts-surface2);border-color:var(--ts-mint)}
.quality-example{margin:1.75rem 0;padding:1.4rem 1.5rem;border-radius:14px;border:1px solid #34504a;background:#132720;color:#c5d8d1;line-height:1.65}
.quality-example h2{font-size:1.15rem;margin-bottom:.8rem;color:#e8fff4}
.quality-example p{margin:0 0 .7rem}.quality-example p:last-child{margin-bottom:0}.quality-example strong{color:#a4f0ce}
.ts-app .site-end{background:var(--ts-bg)}
@media(max-width:1100px){.ts-app .legacy-tool-content .conversion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.ts-app .legacy-tool-content .conversion-grid,.ts-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-app .legacy-tool-content{padding-top:.5rem!important}.ts-app .legacy-tool-content .color-tool-card{padding:14px}.ts-app .legacy-tool-content .color-tool-icon{width:48px;height:48px;flex-basis:48px}}
@media(max-width:470px){.ts-app .legacy-tool-content .conversion-grid,.ts-category-grid{grid-template-columns:1fr}.ts-app .legacy-tool-content .conversion-tile{min-height:104px}.ts-app .legacy-tool-content .color-tool-card{gap:12px}.quality-example{padding:1rem}}

/* Workbench layout restoration and dark-theme contrast */
.ts-app .legacy-tool-content .wb-shell{display:block;width:100%;background:var(--ts-surface);border:1px solid var(--ts-line);border-radius:16px;overflow:hidden;box-shadow:none}
.ts-app .legacy-tool-content .wb-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:var(--ts-surface2);border-bottom:1px solid var(--ts-line)}
.ts-app .legacy-tool-content .wb-mode{appearance:none;border:1px solid #3d5061;background:#13202d;color:#d9e6ed;padding:9px 14px;border-radius:9px;font-weight:650;line-height:1.35;cursor:pointer}
.ts-app .legacy-tool-content .wb-mode.active{background:#27634e;color:#e9fff5;border-color:#58cb99}
.ts-app .legacy-tool-content .wb-mode:hover{background:#29453e;border-color:#6ee5b5;color:#fff}
.ts-app .legacy-tool-content .wb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0}
.ts-app .legacy-tool-content .wb-pane{min-width:0;padding:20px;position:relative}
.ts-app .legacy-tool-content .wb-pane+.wb-pane{border-left:1px solid var(--ts-line)}
.ts-app .legacy-tool-content .wb-editor{display:block;box-sizing:border-box;width:100%;max-width:100%;height:300px;min-height:220px;padding:15px;background:#0e1721;color:#eff7fa;border:1px solid #435367;border-radius:10px;resize:vertical;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.ts-app .legacy-tool-content .wb-options{padding:20px;background:#111c27;border-top:1px solid var(--ts-line)}
.ts-app .legacy-tool-content .wb-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ts-app .legacy-tool-content .wb-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--ts-line)}
.ts-app .legacy-tool-content .wb-note{color:#9cacc0}
.ts-app .legacy-tool-content .wb-check{color:#d6e2ed;white-space:normal}
.ts-app .legacy-tool-content .label{color:#dfebf2;font-weight:650}
.ts-app .legacy-tool-content .btn-accent{background:#63e3ac;color:#092a20;border:1px solid #63e3ac;font-weight:700}
.ts-app .legacy-tool-content .btn-accent:hover{background:#8af2c4;color:#092a20}
.ts-app .legacy-tool-content .ad-slot{border:1px dashed #405363;color:#8ea3b4;padding:20px;min-height:90px;text-align:center;border-radius:12px}
.ts-app .legacy-tool-content .info-box{background:var(--ts-surface);border:1px solid var(--ts-line);border-radius:12px;color:var(--ts-text)}
.ts-app .legacy-tool-content .info-box p{color:var(--ts-muted)}
/* Copy action anchored to output textarea, never floats outside the editor */
.ts-copy-wrap{position:relative;width:100%;min-width:0}
.ts-copy-wrap textarea{width:100%!important;max-width:100%!important;padding-right:54px!important}
.ts-copy-button{position:absolute;z-index:3;right:12px;top:10px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #496073;border-radius:8px;background:#202f3e;color:#d9e9f3;cursor:pointer;transition:background .15s,color .15s}
.ts-copy-button:hover,.ts-copy-button:focus-visible{background:#31503f;color:#9af5c9;border-color:#78dab2;outline:none}
.ts-copy-button.ts-copied{color:#9bf6c8;border-color:#56c898;background:#234735}
.ts-copy-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ts-copy-toast{position:absolute;z-index:4;right:0;top:50px;padding:7px 11px;border-radius:8px;border:1px solid #43785f;background:#1e3b30;color:#b8ffdb;font-size:12px;box-shadow:0 8px 20px #0005;pointer-events:none;opacity:0;transform:translateY(-5px);transition:opacity .15s,transform .15s;white-space:nowrap}
.ts-copy-toast.ts-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.ts-app .legacy-tool-content .wb-grid{grid-template-columns:1fr}.ts-app .legacy-tool-content .wb-pane+.wb-pane{border-left:0;border-top:1px solid var(--ts-line)}.ts-app .legacy-tool-content .wb-options-grid{grid-template-columns:1fr}}
@media(max-width:576px){.ts-app .legacy-tool-content .wb-pane{padding:13px}.ts-app .legacy-tool-content .wb-toolbar{padding:12px}.ts-app .legacy-tool-content .wb-mode{padding:8px 10px;font-size:.8rem}.ts-app .legacy-tool-content .wb-editor{height:230px}.ts-app .legacy-tool-content .wb-options,.ts-app .legacy-tool-content .wb-actions{padding:13px}}
.ts-clear-wrap{position:relative;width:100%;min-width:0}
.ts-clear-wrap textarea{width:100%!important;max-width:100%!important;padding-right:52px!important}
.ts-clear-button{position:absolute;right:10px;top:9px;z-index:3;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid #496073;border-radius:8px;background:#202f3e;color:#d9e9f3;cursor:pointer}
.ts-clear-button:hover{border-color:#75dcb1;background:#31503f;color:#fff}
.ts-clear-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}