:root{--text-wrapper-primary:var(--main-primary);--text-wrapper-bg:#fff;--text-wrapper-border:var(--main-border);--text-wrapper-text:var(--main-text-primary);--text-wrapper-text-muted:var(--main-text-secondary);--text-wrapper-card-bg:#fff;--text-wrapper-input-bg:#f9fafb}._text-wrapper-container{flex-direction:column;gap:.75rem;width:100%;max-width:1200px;margin:0 auto;display:flex}@media (max-width:768px){._text-wrapper-container{padding-left:1rem;padding-right:1rem}}._text-wrapper-settings{background:var(--text-wrapper-bg);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-sm);flex-wrap:wrap;align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}._text-wrapper-setting-group{align-items:center;gap:.5rem;display:flex}._text-wrapper-setting-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-wrapper-text-muted);white-space:nowrap;font-size:.6875rem;font-weight:600}._text-wrapper-setting-controls{align-items:center;gap:.375rem;display:flex}._text-wrapper-divider{background:var(--text-wrapper-border);width:1px;height:1.25rem;margin:0 .25rem}._text-wrapper-width-input{background:var(--text-wrapper-bg);border-style:solid;border-width:1.5px;border-color:var(--text-wrapper-border);border-radius:var(--main-radius);width:70px;color:var(--text-wrapper-text);text-align:center;padding:.4375rem .5rem;font-size:.8125rem;font-weight:600;transition:all .15s}._text-wrapper-width-input:hover{border-color:var(--text-wrapper-border);opacity:.8}._text-wrapper-width-input:focus{border-color:var(--text-wrapper-primary);box-shadow:0 0 0 2px var(--main-primary-light);outline:none}._text-wrapper-indent-input{background:var(--text-wrapper-bg);border-style:solid;border-width:1.5px;border-color:var(--text-wrapper-border);border-radius:var(--main-radius);width:120px;color:var(--text-wrapper-text);padding:.4375rem .5rem;font-size:.8125rem;transition:all .15s}._text-wrapper-indent-input:focus{border-color:var(--text-wrapper-primary);box-shadow:0 0 0 2px var(--main-primary-light);outline:none}._text-wrapper-step-btns{gap:.1875rem;display:flex}._text-wrapper-step-btn{background:var(--main-bg-secondary);border-radius:var(--main-radius);width:1.625rem;height:1.625rem;color:var(--text-wrapper-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;font-size:.875rem;font-weight:700;transition:all .15s;display:flex}._text-wrapper-step-btn:hover{background:var(--text-wrapper-border);color:var(--text-wrapper-text)}._text-wrapper-toggle{border-radius:var(--main-radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:background-color .15s;display:flex}._text-wrapper-toggle:hover{background:var(--main-bg-secondary)}._text-wrapper-toggle input{display:none}._text-wrapper-toggle-switch{background:var(--main-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--text-wrapper-border);border-radius:1rem;width:2.25rem;height:1.375rem;transition:all .2s;position:relative}._text-wrapper-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:1rem;height:1rem;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}._text-wrapper-toggle input:checked+._text-wrapper-toggle-switch{background:var(--text-wrapper-primary);border-color:var(--text-wrapper-primary)}._text-wrapper-toggle input:checked+._text-wrapper-toggle-switch:after{transform:translate(.875rem)}._text-wrapper-toggle-label{color:var(--text-wrapper-text-muted);font-size:.8125rem;font-weight:500;transition:color .15s}._text-wrapper-toggle input:checked~._text-wrapper-toggle-label{color:var(--text-wrapper-text);font-weight:600}._text-wrapper-spacer{flex:1;min-width:.5rem}@media (max-width:768px){._text-wrapper-settings{padding:.75rem}._text-wrapper-divider,._text-wrapper-spacer{display:none}._text-wrapper-setting-group{justify-content:space-between;width:100%}._text-wrapper-width-input,._text-wrapper-indent-input{width:100px}}._text-wrapper-editor{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._text-wrapper-panel{background:var(--text-wrapper-bg);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-sm);flex-direction:column;display:flex;overflow:hidden}._text-wrapper-panel-header{background:0 0;justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}._text-wrapper-panel-title{color:var(--text-wrapper-text);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._text-wrapper-panel-title svg{color:var(--text-wrapper-primary);opacity:.9}._text-wrapper-panel-output ._text-wrapper-panel-title svg{color:var(--main-success)}._text-wrapper-panel-actions{gap:.375rem;display:flex}._text-wrapper-panel-btn{background:var(--main-bg-secondary);border-radius:var(--main-radius);width:1.875rem;height:1.875rem;color:var(--text-wrapper-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}._text-wrapper-panel-btn:hover{background:var(--text-wrapper-border);color:var(--text-wrapper-primary)}._text-wrapper-panel-btn._text-wrapper-btn-accent{background:var(--text-wrapper-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._text-wrapper-panel-btn._text-wrapper-btn-accent:hover{opacity:.9;box-shadow:0 4px 12px #6366f14d}._text-wrapper-textarea{background:var(--text-wrapper-bg);border:none;border-top:1px solid;border-top-color:var(--text-wrapper-border);width:100%;min-height:400px;font-family:var(--main-font-mono);color:var(--text-wrapper-text);resize:none;white-space:pre;flex:1;padding:.875rem 1rem;font-size:.8125rem;line-height:1.75;overflow-x:auto}._text-wrapper-textarea::placeholder{color:var(--text-wrapper-text-muted)}._text-wrapper-textarea:focus{outline:none}._text-wrapper-panel-output ._text-wrapper-textarea{background:var(--main-bg-secondary)}._text-wrapper-stats{background:linear-gradient(to right, var(--main-bg-secondary), var(--text-wrapper-bg));border-top-style:solid;border-top-width:1px;border-top-color:var(--text-wrapper-border);align-items:center;gap:1.25rem;padding:.625rem 1rem;display:flex}._text-wrapper-stat{color:var(--text-wrapper-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}._text-wrapper-stat svg{opacity:.5;width:11px;height:11px}._text-wrapper-stat-value{color:var(--text-wrapper-text);font-variant-numeric:tabular-nums;font-weight:700}._text-wrapper-stat-label{opacity:.8;font-weight:400}@media (max-width:768px){._text-wrapper-editor{grid-template-columns:1fr}._text-wrapper-textarea{min-height:250px}}