.ts-app .ts-text-workbench{max-width:1160px;margin:0 auto;color:#e8f2f9}
.ts-app .legacy-tool-content:has(.ts-text-workbench){max-width:none;margin-top:4px;padding-top:16px!important}
.ts-text-intro{padding:10px 0 24px}.ts-eyebrow{font-size:.72rem;letter-spacing:.13em;color:#68dcb1;font-weight:750}.ts-text-intro h1{font-size:clamp(2rem,4vw,3rem)!important;font-weight:750;margin:9px 0 8px!important}.ts-text-intro p{font-size:1rem;color:#9fb2c4;max-width:720px;line-height:1.6}
.ts-text-surface{background:#151f2a;border:1px solid #344453;border-radius:16px;overflow:hidden;box-shadow:0 15px 45px #0002}
.ts-text-toolbar{padding:20px;display:grid;gap:15px;background:#17232f}.ts-text-group-title{font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#91a7bb;margin-bottom:9px}.ts-text-buttons{display:flex;flex-wrap:wrap;gap:7px}
.ts-app .legacy-tool-content .ts-text-mode{font-weight:600;border:1px solid #405365;background:#202f3d;color:#e0ebf4;border-radius:8px;padding:8px 12px;font-size:.83rem;cursor:pointer;transition:background .14s,border-color .14s,color .14s}.ts-app .legacy-tool-content .ts-text-mode:hover{background:#304758;border-color:#68d6aa;color:#fff}.ts-app .legacy-tool-content .ts-text-mode[aria-pressed=true]{background:#21694f;color:#f1fff8;border-color:#6ce8b5;box-shadow:0 0 0 1px #67c89e40}.ts-text-mode:focus-visible,.ts-text-action:focus-visible,.ts-text-copy:focus-visible{outline:2px solid #7df5c6;outline-offset:3px}
.ts-text-info{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #344453;border-bottom:1px solid #344453;padding:12px 20px;color:#b1c3d2;font-size:.85rem}.ts-text-live{white-space:nowrap;color:#73e6b6}.ts-text-live span{font-size:.65rem}
.ts-text-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ts-text-pane{min-width:0;padding:20px}.ts-text-pane+.ts-text-pane{border-left:1px solid #344453}.ts-text-pane-head{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin-bottom:10px;gap:10px}.ts-text-pane-head label{font-weight:700;color:#edf5fa}.ts-text-pane-head>span,.ts-text-output-status{font-size:.75rem;color:#8da5b8}
.ts-text-output-wrap{position:relative}.ts-app .legacy-tool-content .ts-text-textarea{display:block;width:100%;height:290px;min-height:190px;resize:vertical;border-radius:10px;border:1px solid #415569;background:#0e1721;color:#e7f2f8;padding:15px;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.ts-app .legacy-tool-content .ts-text-textarea:focus{border-color:#6ce8b5;box-shadow:0 0 0 3px #6ce8b51f}.ts-text-textarea::placeholder{color:#7d93a5}.ts-app .legacy-tool-content #textWorkbenchOutput{padding-right:55px}.ts-text-pane-bottom{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ts-app .legacy-tool-content .ts-text-action{border:1px solid #44576a;color:#cce0ed;border-radius:8px;background:#202e3a;padding:7px 12px;font-size:.8rem}.ts-app .legacy-tool-content .ts-text-action:hover{background:#304658;color:#fff}
.ts-app .legacy-tool-content .ts-text-copy{position:absolute;right:10px;top:10px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #456075;background:#1e3240;color:#c4dfef;border-radius:9px;cursor:pointer}.ts-text-copy svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ts-app .legacy-tool-content .ts-text-copy.is-copied{color:#a1f6cf;background:#1f6047;border-color:#63dba7}.ts-text-copy-toast{position:absolute;right:4px;top:52px;padding:6px 11px;border-radius:7px;background:#266548;color:#fff;font-size:.75rem;opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .15s,transform .15s}.ts-text-copy-toast.is-visible{opacity:1;transform:none}
.ts-text-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #344453;background:#121e28}.ts-text-stats>div{text-align:center;padding:17px 6px;display:flex;flex-direction:column;gap:4px}.ts-text-stats>div+div{border-left:1px solid #344453}.ts-text-stats strong{font-size:1.2rem;color:#eaf6fa}.ts-text-stats span{color:#96adc0;font-size:.75rem}.ts-text-guide{padding:28px 0;color:#a7bac8;line-height:1.75}.ts-text-guide h2{color:#eaf6fa;font-size:1.25rem}.ts-text-guide p{max-width:900px}
@media(max-width:880px){.ts-text-panels{grid-template-columns:1fr}.ts-text-pane+.ts-text-pane{border-left:0;border-top:1px solid #344453}.ts-text-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-text-stats>div:nth-child(4){border-left:0}.ts-text-stats>div:nth-child(n+4){border-top:1px solid #344453}}
@media(max-width:540px){.ts-text-toolbar{padding:14px}.ts-text-pane{padding:13px}.ts-text-info{padding:12px 14px;align-items:start;flex-direction:column}.ts-app .legacy-tool-content .ts-text-mode{font-size:.78rem;padding:8px 10px}.ts-text-intro{padding-bottom:12px}.ts-text-stats strong{font-size:1rem}.ts-text-stats span{font-size:.68rem}}