:root{--bg-color:#121212;--text-color:#ffffff;--accent-color:#ff9800;--input-bg:#1e1e1e;--header-bg:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Arial,sans-serif;line-height:1.6;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center}header{background-color:var(--header-bg);padding:20px;border-radius:8px;margin-bottom:20px;text-align:center;width:100%;max-width:800px}h1{color:var(--accent-color);margin-bottom:20px}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}select,input,button{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--accent-color);padding:8px 12px;border-radius:4px;font-size:16px}button{background-color:var(--accent-color);cursor:pointer;transition:opacity .3s;min-width:100px}button:hover{opacity:.8}#clearButton{background-color:#f44336;border-color:#d32f2f}#clearButton:hover{opacity:.8}#customSize{display:none}.grid-container{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;max-width:100%;overflow-x:auto}.grid-row{display:flex;gap:5px;justify-content:center}.grid-cell{width:40px;height:40px;background-color:var(--input-bg);border:1px solid var(--accent-color);border-radius:4px;text-align:center;color:var(--text-color);font-size:13px;text-transform:uppercase}.output-container{background-color:var(--input-bg);padding:20px;border-radius:8px;margin-top:20px;position:relative;width:100%;max-width:800px;text-align:center}#output{white-space:pre-wrap;word-break:break-all;margin-bottom:10px;text-align:center;font-family:monospace}.controls select{min-width:120px}#emojiSelect{min-width:150px}.copyright{color:var(--accent-color);margin-top:20px;font-size:14px;text-align:center}@media (max-width:600px){.grid-cell{width:30px;height:30px;font-size:14px}.controls{flex-direction:column}}.emoji-panel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--input-bg);border:1px solid var(--accent-color);border-radius:8px;padding:10px;z-index:1000}.emoji-panel.active{display:block}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.emoji-grid button{width:40px;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);border:1px solid var(--accent-color);border-radius:4px;transition:transform .2s}.emoji-grid button:hover{background-color:var(--accent-color);transform:scale(1.1)}#emojiButton{background-color:var(--accent-color)}#emojiButton.active{background-color:var(--bg-color);border-color:var(--accent-color)}.error-message{color:#f44336;text-align:center;margin:10px 0;font-weight:bold;min-height:20px}