*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1a1a2e;background-repeat:repeat;min-height:100vh;display:flex;align-items:center;justify-content:center;transition:background-color .5s ease,background-image .5s ease}.controls{background:#0009;border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:16px;width:240px;box-sizing:border-box}.color-control{display:flex;align-items:center;gap:12px}.color-control label{color:#fffc;font-size:14px;font-weight:500}.color-control input[type=color]{width:40px;height:32px;border:none;border-radius:8px;cursor:pointer;background:transparent;padding:0}.presets-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.presets-label{color:#fffc;font-size:14px;font-weight:500}.presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;justify-items:center}.controls-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;justify-items:center}.preset-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preset-btn:hover{background:#fff3;transform:scale(1.05);border-color:#fff6}.emoji-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:160px;height:160px;place-items:center}.emoji-btn{background:transparent;border:none;border-radius:8px;padding:12px;font-size:50px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:70px;height:70px}.emoji-btn:hover{background:#fff3;transform:scale(1.05)}.emoji-picker{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease}.emoji-picker.hidden{opacity:0;visibility:hidden}.emoji-options{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:480px;max-height:400px;overflow-y:auto;box-shadow:0 8px 32px #0003}.emoji-option{font-size:1.5rem;padding:8px;text-align:center;cursor:pointer;border-radius:8px;transition:all .2s ease;background:#ffffff80;display:flex;align-items:center;justify-content:center;min-height:40px}.emoji-option:hover{background:#ffffffe6;transform:scale(1.1)}.emoji-category-header{grid-column:1 / -1;font-weight:600;font-size:.9rem;color:#000000b3;padding:12px 8px 4px;text-align:left;background:#0000000d;border-radius:6px;margin:8px 0 4px}.footer{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#ffffffe6;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 16px;width:240px;box-sizing:border-box;z-index:100}.ui-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.ui-toggle:hover{color:#fff}.ui-toggle input[type=checkbox]{width:12px;height:12px;accent-color:rgba(255,255,255,.7)}.credit a{color:#fffc;text-decoration:none;transition:color .2s ease}.credit a:hover{color:#fff}@media (max-width: 768px){.controls{padding:16px;gap:16px}.color-control{gap:8px}.emoji-grid{gap:12px;width:140px;height:140px}.emoji-btn{font-size:2rem;width:60px;height:60px}.footer{bottom:12px;gap:16px;font-size:11px;padding:6px 12px}.emoji-options{grid-template-columns:repeat(6,1fr);max-width:360px;max-height:300px}.emoji-option{font-size:1.2rem;padding:6px;min-height:32px}}@media (max-width: 480px){.controls{padding:12px;gap:12px}.emoji-grid{gap:8px;width:120px;height:120px}.emoji-btn{font-size:1.8rem;width:50px;height:50px}.footer{bottom:8px;gap:12px;font-size:10px;flex-direction:column;align-items:center;padding:6px 10px}.emoji-options{grid-template-columns:repeat(5,1fr);max-width:300px;max-height:250px}}