*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#0f0;font-family:Courier New,Monaco,Consolas,monospace;margin:0;padding:20px;min-height:100vh}#root{min-height:100vh}.container{max-width:900px;margin:0 auto;position:relative}.btn-share{position:absolute;top:0;right:0;background:transparent;border:2px solid #00FF00;color:#0f0;padding:10px 12px;font-family:Courier New,Monaco,Consolas,monospace;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-share:hover{background:#0f0;color:#000}.share-feedback{font-size:12px;text-transform:uppercase;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.system-prompt{color:#888;font-size:12px;margin-bottom:20px}.title{font-size:48px;color:#0f0;font-weight:700;letter-spacing:2px;margin-bottom:10px}.subtitle{color:#ccc;font-size:16px;margin-bottom:30px}.divider{border-top:1px solid #00FF00;margin-bottom:40px}.input-box{border:2px solid #00FF00;padding:20px;margin-bottom:20px}.input-label{display:flex;justify-content:space-between;color:#0f0;margin-bottom:15px;font-size:14px}.placeholder-text{color:#0f0;font-size:14px;margin-bottom:5px}.example-text{color:#666;font-size:14px;margin-bottom:15px}.textarea-wrapper{position:relative}.blinking-cursor{position:absolute;top:0;left:0;color:#0f0;font-size:14px;font-family:Courier New,Monaco,Consolas,monospace;pointer-events:none;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}50.1%,to{opacity:0}}textarea{width:100%;background:transparent;border:none;color:#fff;font-family:Courier New,Monaco,Consolas,monospace;font-size:14px;outline:none;resize:none;min-height:120px}textarea::-moz-placeholder{color:#666}textarea::placeholder{color:#666}.button-row{display:flex;gap:15px;margin-bottom:30px}.btn-convert{flex:1;background:transparent;border:2px solid #00FF00;color:#0f0;padding:15px;font-family:Courier New,Monaco,Consolas,monospace;font-size:14px;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.btn-convert:hover:not(:disabled){background:#0f0;color:#000}.btn-convert:disabled{opacity:.5;cursor:not-allowed}.btn-random{background:transparent;border:2px solid #00FF00;color:#0f0;padding:15px 30px;font-family:Courier New,Monaco,Consolas,monospace;font-size:14px;cursor:pointer;text-transform:uppercase;white-space:nowrap;transition:all .2s ease}.btn-random:hover:not(:disabled){background:#0f0;color:#000}.btn-random:disabled{opacity:.5;cursor:not-allowed}.error-text{color:red;font-size:14px;margin-bottom:20px}.output-box{border:2px solid #00FF00;padding:20px;margin-top:30px}.output-label{color:#0f0;font-size:14px;margin-bottom:15px}.output-text{color:#fff;line-height:1.6;margin-bottom:20px;white-space:pre-wrap;word-wrap:break-word}.btn-copy{background:transparent;border:2px solid #00FF00;color:#0f0;padding:12px 24px;font-family:Courier New,Monaco,Consolas,monospace;font-size:14px;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.btn-copy:hover{background:#0f0;color:#000}.footer{margin-top:60px;padding-top:30px}.footer-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-label{color:#0f0;font-size:14px}.footer-link{color:#0f0;text-decoration:underline;font-size:12px;transition:color .2s ease}.footer-link:hover{color:#fff}.contract-address{color:#fff;font-size:11px;font-family:Courier New,Monaco,Consolas,monospace;word-break:break-all}.copy-ca-btn{background:transparent;border:1px solid #00FF00;color:#0f0;padding:8px 16px;font-family:Courier New,Monaco,Consolas,monospace;font-size:11px;cursor:pointer;text-transform:lowercase;transition:all .2s ease}.copy-ca-btn:hover{background:#0f0;color:#000}@media (max-width: 768px){body{padding:15px}.title{font-size:32px;letter-spacing:1px}.subtitle{font-size:14px}.button-row{gap:10px}.btn-random{padding:15px 20px;font-size:12px}.btn-convert{font-size:12px}.input-box,.output-box{padding:15px}}@media (max-width: 480px){.title{font-size:24px}.btn-random{padding:15px;font-size:11px}.btn-convert{font-size:11px;padding:15px 10px}}
