textarea{
width:100%;
min-height:180px;
padding:14px;
border-radius:10px;
border:1px solid rgba(255,255,255,0.08);
background:#0f0f12;
color:white;
font-size:14px;
resize:vertical;
}

textarea:focus{
outline:none;
border-color:var(--accent);
box-shadow:0 0 0 1px rgba(107,230,255,.3);
}

.tool-buttons{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}

.tool-buttons button{
padding:10px 16px;
border-radius:10px;
border:none;
font-weight:700;
cursor:pointer;
background:var(--accent);
color:#061125;
}

.tool-buttons button.secondary{
background:rgba(255,255,255,0.05);
color:white;
}

.mode-switch{
display:flex;
gap:8px;
margin-bottom:12px;
}

.mode-switch button{
padding:8px 12px;
border-radius:8px;
border:none;
cursor:pointer;
font-weight:600;
background:rgba(255,255,255,0.05);
color:white;
}

.mode-switch button.active{
background:var(--accent);
color:#061125;
}

.counter{
font-size:12px;
color:var(--muted);
margin-top:4px;
}

.dropzone{
border:2px dashed rgba(255,255,255,0.15);
padding:20px;
border-radius:12px;
text-align:center;
margin-top:12px;
color:var(--muted);
}

.dropzone.drag{
border-color:var(--accent);
color:white;
}

.preview{
margin-top:14px;
max-width:200px;
}