.esl{margin-top:14px;padding-top:14px;border-top:1px solid #f1ebe4}.esl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.esl-head b{font-size:.98rem;color:#1c1917}.esl-view{position:relative;overflow:hidden;border-radius:12px;border:1px solid #e7e0d8;background:#f8fafc;box-shadow:0 3px #ece5dd}.esl-stage{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none;-webkit-user-select:none;user-select:none;animation:esl-in .4s ease-out}@keyframes esl-in{0%{opacity:0}to{opacity:1}}.esl-stage .tbx-wrap{max-width:none;margin:0;border-radius:0;border:0}.esl-input{min-height:120px;white-space:pre-wrap}.esl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.esl-tab{position:relative;overflow:hidden;padding:6px 12px;border-radius:999px;border:1px solid #eee7df;background:#fff;font:inherit;font-size:.8rem;font-weight:700;color:#57534e;cursor:pointer}.esl-tab:hover{border-color:#fdba74;color:#1c1917}.esl-tab--on{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.esl-tab--on:hover{color:#fff}.esl-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#93c5fd;transform-origin:left;animation:esl-fill linear forwards}@keyframes esl-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.esl-caption{margin:8px 0 0;font-size:.82rem;line-height:1.5;color:#57534e}.esl-caption b{color:#1c1917}.esl-link{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#c2410c;text-decoration:none;white-space:nowrap}.esl-link:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.esl-stage{animation:none}}.esl-stage{overflow:hidden}.esl-stage .tbx-wrap{height:100%}.esl-stage .tbx-wrap.xs-skin .xs-pass{height:196px}.esl-stage .tbx-wrap.xs-skin .xs-in{height:118px}.esl-stage .tbx-wrap.xs-skin .xs-in .tbx-input{min-height:0;height:100%;overflow:hidden;white-space:pre-wrap}.esl-stage .tbx-wrap.xs-skin .xs-pass .tbx-passage{overflow:hidden}.esl-stage .xs-cp-instr{display:none}.esl-caption{min-height:2.9em}.esl-stage{left:50%;transform-origin:top center}.esl-pro{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:.76rem;font-weight:800;text-decoration:none;white-space:nowrap}.esl-pro:hover{background:#fde68a;color:#92400e}.esl-caption{min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.esl-stage .esl-standard .tbx-passage{height:150px;margin:10px 14px;padding:14px 16px;overflow:hidden}.esl-stage .esl-standard .tbx-input{min-height:0;height:92px;margin:0 14px 8px;overflow:hidden;white-space:pre-wrap}.esl-free{padding:3px 10px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:.76rem;font-weight:800}.esl-slide{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity,transform}.esl-slide .esl-stage{animation:none}.esl-slide--in{animation:esl-slide-in ease forwards;z-index:2}.esl-slide--out{animation:esl-slide-out ease forwards;z-index:1}@keyframes esl-slide-in{0%{opacity:0;transform:translate(4%)}to{opacity:1;transform:none}}@keyframes esl-slide-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-4%)}}.esl-caption{animation:esl-cap-in .5s ease}@keyframes esl-cap-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.esl-slide--in,.esl-slide--out,.esl-caption{animation:none}}.esl-badge-in{animation:esl-cap-in .45s ease}@media (prefers-reduced-motion: reduce){.esl-badge-in{animation:none}}.esl-body--aside{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:12px;align-items:start}.esl-main{min-width:0}.esl-body--aside .esl-tabs{gap:5px}.esl-body--aside .esl-tab{padding:5px 10px;font-size:.74rem}@media (max-width: 639px){.esl-body--aside{grid-template-columns:1fr}}.esl-body--aside .esl-tabs{gap:4px}.esl-body--aside .esl-tab{padding:5px 9px}@media (min-width: 640px){.esl-body--aside{align-items:stretch}.esl-body--aside .esl-main{display:flex;flex-direction:column}.esl-body--aside .esl-view{flex:1 1 auto;min-height:150px}}@media (max-width: 639px){.esl-body--aside .esl-view{aspect-ratio:1000 / 540}}.esl-stage .tbx-wrap.xs-skin .xs-pass{height:calc(196px + var(--esl-extra, 0px))}.esl-stage .esl-standard .tbx-passage{height:calc(150px + var(--esl-extra, 0px))}