textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:'Courier New',monospace;font-size:0.9rem;resize:vertical;box-sizing:border-box}textarea:focus{outline:none;border-color:var(--accent)}input[type="text"],input[type="number"],input[type="password"],input[type="time"],input[type="date"],select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:0.9rem;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--accent)}.result-box{padding:16px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);font-size:1.2rem;font-weight:700;text-align:center;color:var(--accent);margin-top:16px;word-break:break-all}.rt-controls{display:flex;gap:12px;margin-bottom:12px}.rt-controls label{display:flex;align-items:center;gap:6px;font-size:0.9rem;color:var(--text-secondary)}.rt-controls input,.rt-controls select{width:80px}.rt-ruler{width:100%;height:40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;cursor:crosshair;margin-bottom:8px}.rt-ruler .rt-tick{position:absolute;top:0;width:1px;background:var(--text-secondary)}.rt-ruler .rt-tick.major{height:20px;background:var(--text)}.rt-ruler .rt-tick.minor{height:10px}.rt-ruler .rt-label{position:absolute;top:22px;font-size:0.65rem;color:var(--text-secondary);transform:translateX(-50%)}.rt-ruler .rt-cursor{position:absolute;top:0;width:2px;height:40px;background:var(--accent);pointer-events:none;display:none}.rt-info{text-align:center;font-size:0.9rem;color:var(--text-secondary);padding:8px}