:root{--textutil-primary-color:#3b82f6;--textutil-secondary-color:#10b981;--textutil-danger-color:#ef4444;--textutil-text-color:#1f2937;--textutil-bg-color:#f9fafb;--textutil-card-bg:#fff;--textutil-shadow:0 8px 20px rgba(0,0,0,.1)}.textutil-container{background:var(--textutil-card-bg);border-radius:18px;box-shadow:var(--textutil-shadow);padding:35px;width:100%}.textutil-container h2{color:var(--textutil-primary-color);font-weight:700;margin-bottom:25px;text-align:center}#textutil-inputText{background:#eee;border:1px solid #4a70a9;border-radius:12px;box-sizing:border-box;font-size:16px;line-height:1.5;min-height:200px;padding:15px;resize:vertical;transition:border-color .3s;width:100%}#textutil-inputText:focus{border-color:var(--textutil-primary-color);outline:none}.textutil-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.textutil-controls-main{align-items:center;display:flex;flex-grow:1;gap:10px}.textutil-controls-utility{display:flex;gap:10px}.textutil-controls button{background:var(--textutil-primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:.2s}.textutil-controls button:hover{background:#2563eb}#textutil-clearButton{background:var(--textutil-danger-color)}#textutil-clearButton:hover{background:#c70d0d}#textutil-copyButton{background:var(--textutil-secondary-color)}#textutil-copyButton:hover{background:#059669}#textutil-transformSelect{border:1px solid #d1d5db;border-radius:10px;flex-grow:1;font-size:15px;padding:10px 14px}.textutil-checkbox-group{align-items:center;display:none;gap:5px;margin-left:15px}.textutil-output-section{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px}#textutil-output{background:var(--textutil-bg-color);border:1px solid #e5e7eb;border-radius:10px;color:var(--textutil-text-color);font-size:16px;min-height:120px;padding:15px;white-space:pre-wrap;word-break:break-all}#textutil-output.error{color:var(--textutil-danger-color)}#textutil-stats{color:#555;display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;margin-top:10px}#textutil-stats span{margin-right:15px}@media (max-width:768px){.textutil-controls{flex-direction:column;gap:15px}.textutil-controls-main,.textutil-controls-utility{justify-content:space-between;width:100%}.textutil-checkbox-group{justify-content:flex-start;margin-left:0}}