.app-container{width:100%;height:100%;overflow:hidden}.app-container,.converter-content{display:flex;flex-direction:column}.converter-content{flex-grow:1}.text-area{min-height:150px;resize:vertical;font-family:Courier New,Courier,monospace;line-height:1.5;padding:.75rem;transition:border-color .2s}.convert-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.copy-btn{white-space:nowrap;min-width:40px;height:38px;display:inline-flex;align-items:center;justify-content:center}.copy-notification{position:fixed;bottom:20px;right:20px;padding:10px 20px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:4px;z-index:1000;animation:fade-in-out 2s ease-in-out}@keyframes fade-in-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.character-display{font-family:Courier New,Courier,monospace;line-height:1.8}.character-item{display:inline-flex;align-items:center;justify-content:center;margin:4px;padding:8px;min-width:40px;height:40px;border-radius:4px;font-size:1rem;text-align:center;transition:all .2s}.character-item:hover{transform:scale(1.05)}.converter-content::-webkit-scrollbar{width:8px;height:8px}.converter-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.converter-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] .converter-content::-webkit-scrollbar-thumb{background:#4a4a4a}[data-theme=dark] .converter-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.conversion-container{margin-bottom:1rem}