.ts-section{background:#f0f1f2;padding:90px var(--pad) 65px;color:#153dda}.ts-section .section-head{align-items:flex-end}.ts-section .section-head h2{font-size:clamp(42px,5.9vw,90px);letter-spacing:-.06em;max-width:8em}.ts-section .section-head p{font-size:13px;line-height:1.9;max-width:33em}
.ts-presets{display:flex;align-items:center;gap:12px;margin:40px 0 20px;flex-wrap:wrap}.ts-presets button{padding:11px 17px;font-size:13px;border:1px solid #153dda45}.ts-presets button[aria-pressed=true]{background:#153dda;color:white;border-color:#153dda}.ts-presets>span{margin-left:auto;font-size:11px}
.ts-stage{position:relative;min-height:430px;background:#eef0f4;color:#153dda;transition:background .3s;overflow:hidden;border:1px solid #153dda35}.ts-stage-head,.ts-stage-foot{display:flex;justify-content:space-between;gap:20px;font-size:11px;position:absolute;left:25px;right:25px;z-index:2;pointer-events:none}.ts-stage-head{top:23px}.ts-stage-foot{bottom:18px}.ts-stage-foot button{pointer-events:auto;border-bottom:1px solid;padding-bottom:3px;font-size:11px}.ts-canvas{height:clamp(380px,37vw,620px);width:100%;cursor:grab;touch-action:none;outline-offset:-5px}.ts-canvas.is-dragging{cursor:grabbing}.ts-canvas svg{display:block;width:100%;height:100%;pointer-events:none}.ts-canvas:focus-visible{outline:2px solid #e85834}
.ts-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;align-items:start;gap:30px;padding:30px 0;border-bottom:1px solid #153dda35}.ts-controls label{display:flex;flex-direction:column;gap:15px;font-size:12px}.ts-controls label>span{display:flex;justify-content:space-between;gap:8px}.ts-controls input[type=range]{width:100%;accent-color:#153dda;cursor:ew-resize}.ts-controls input[type=text]{background:transparent;color:#153dda;border:0;border-bottom:1px solid #153dda;padding:5px 0;font:600 24px Archivo,sans-serif;max-width:100%;min-width:0;border-radius:0}.ts-word{min-width:0}.ts-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:11px}.ts-actions button{border-bottom:1px solid;padding-bottom:5px}.ts-explanation{font-size:12px;line-height:1.8;margin-top:20px}.ts-section #ts-status{font-size:12px;min-height:1.5em;margin-top:10px}
@media(max-width:1000px){.ts-controls{grid-template-columns:1.3fr 1fr 1fr;gap:25px}.ts-actions{grid-column:2 / 4;flex-direction:row;justify-content:flex-end;align-self:end}.ts-presets>span{display:none}.ts-section .section-head{display:block}.ts-section .section-head p{margin-top:24px}}
@media(max-width:599px){.ts-section{padding:60px var(--pad) 35px}.ts-section .section-head h2{font-size:42px}.ts-section .section-head p{font-size:12px}.ts-presets{gap:6px;margin-top:28px}.ts-presets button{padding:10px 8px;font-size:11px}.ts-stage{min-height:320px}.ts-canvas{height:340px}.ts-stage-head,.ts-stage-foot{left:13px;right:13px;font-size:9px}.ts-stage-head>span:last-child,.ts-stage-foot>span:last-child{display:none}.ts-controls{grid-template-columns:1fr 1fr;gap:23px;padding:25px 0}.ts-actions{grid-column:1 / -1;justify-content:space-between}.ts-controls label{font-size:11px}.ts-word input[type=text]{font-size:21px}.ts-explanation{font-size:11px}.ts-stage-foot button{font-size:9px}}