.canvas{width:300px;height:300px;position:relative}.layer{width:100%;position:absolute;top:0;left:0}.grid{grid-template-columns:repeat(3,1fr);gap:15px;padding:10px;display:grid}.item{aspect-ratio:1;cursor:pointer;box-sizing:border-box;background:#f5f5f5;border-radius:16px;width:100%;padding:5px;transition:all .2s;position:relative;overflow:hidden}.item>img{object-fit:contain;width:100%;height:100%}.item>svg{object-fit:contain;opacity:.5;width:60%;height:60%}.none-icon{object-fit:contain;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.item.active{box-shadow:0 0 15px rgba(8494FF, 107, 107, .6);background:linear-gradient(135deg,#fedffc,#ccc2fc);border:3px solid #8d90fc;transform:scale(1.05)}.item>img,.item>svg,.item-desc{pointer-events:none}.item-desc{color:#fff;text-align:center;background:#000000b3;border-radius:0 0 12px 12px;padding:2px 0;font-size:12px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.app-container{justify-content:center;align-items:center;min-height:100vh;padding:10px;display:flex}.app{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:1200px;min-height:80vh;display:grid;overflow:hidden;box-shadow:0 10px 30px #0000001a}@media (width<=768px){.app{border-radius:10px;max-width:none;position:relative}.picker-section{height:auto;overflow:visible}.preview-section{height:50vh}}.picker-section{align-items:center;height:70vh;padding:0 20px 20px;overflow-y:auto}.picker-scroll{flex:1;overflow-y:auto}.preview-section{justify-content:center;align-items:center;display:flex}.preview-card{background:#eee;border-radius:20px;padding:20px}.preview-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.header-buttons{gap:10px;display:flex}.lang-btn{color:#fff;cursor:pointer;z-index:10;background:#6bb780;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:15px;left:15px}.download-btn{color:#fff;cursor:pointer;background:#beb1fd;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:5px;display:flex}.tabs{scrollbar-width:thin;scrollbar-color:#b4daf7 #f0f0f0;z-index:10;background:#fff;gap:10px;padding:20px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs button{color:#263b6a;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:20px;font-weight:700}.tabs button.active{color:#fff;background:#beb1fd}@media (width<=768px){.app{grid-template-columns:1fr}.preview-section{order:-1;padding:20px}}body{color:#263b6a;background:#b4daf7;background:-webkit-linear-gradient(to bottom, #b4daf7, #d2f8e6);background:linear-gradient(#b4daf7,#d2f8e6);margin:0;font-family:Urbanist,sans-serif;font-weight:700}