*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app,body{min-height:100vh}.app{align-items:center;display:flex;flex-direction:column;padding:20px}.container{margin:0 auto;max-width:1200px;width:100%}@media (max-width:1024px){.container{max-width:100%;padding:0 10px}}@media (max-width:768px){.app{padding:10px}.container{padding:0 5px}}@media (max-width:480px){.app{padding:5px}button,input,select,textarea{min-height:44px}.edit-mode-banner{font-size:14px;padding:10px}.status-info{display:none!important}.instructions{display:none}.toast{font-size:14px;max-width:calc(100vw - 40px);padding:12px 20px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:focus,button:focus{outline:2px solid #667eea;outline-offset:2px}.transition-all{transition:all .3s ease}.transition-fast{transition:all .15s ease}.text-center{text-align:center}.flex-center{align-items:center;display:flex;justify-content:center}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}@keyframes buttonHover{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hover-effect:hover{animation:buttonHover .3s ease-in-out}.toast{background:#000000e6;border-radius:10px;color:#fff;font-size:16px;left:50%;opacity:0;padding:15px 25px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10000}.toast.show{opacity:1}.edit-mode-banner{background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;font-size:18px;font-weight:700;left:0;padding:15px;position:fixed;right:0;text-align:center;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:1000}.edit-mode-banner.show{transform:translateY(0)}.status-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:30px;bottom:30px;display:flex;flex-direction:column;gap:10px;left:30px;max-width:350px;padding:15px 25px;position:fixed}.edit-status{color:#feca57;display:none;font-size:14px}.edit-status.active{display:block}.instructions{display:none!important}.instructions h4{color:#fff;font-size:14px;margin-bottom:10px}.instructions ul{list-style:none;padding-left:0}.instructions li{margin-bottom:5px}.hover-indicator{align-items:center;display:flex;gap:10px}.hover-progress{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100px}.hover-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width 1.5s linear;width:0}@keyframes swapAnimation{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}to{transform:scale(1)}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;margin-bottom:30px;padding:15px}.header,.logo{align-items:center;display:flex}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;gap:10px}.logo:before{-webkit-text-fill-color:initial;content:"🎵"}.settings-btn{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.settings-btn:hover{background:#fff3;transform:rotate(90deg)}.category-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.category-tab{border-radius:12px 12px 0 0;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:15px;position:relative;text-align:center;transition:all .3s ease}.category-tab:before{background:currentColor;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.category-tab.active:before{transform:scaleX(1)}.category-tab.active{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.main-board{display:flex;gap:20px}.sound-grid{grid-gap:15px;display:grid;flex:1 1;gap:15px}.grid-button{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:5px;justify-content:center;line-height:1.3;overflow:hidden;padding:8px;position:relative;text-align:center;transition:all .3s ease}.grid-button:hover{box-shadow:0 5px 15px #0000004d;transform:scale(1.02)}.grid-button.selected{border:3px solid #fff;box-shadow:0 0 20px #ffffff80;transform:scale(1.02)}.grid-button.selected.edit-mode-active{animation:editPulse 1.5s infinite;border:4px solid #feca57;box-shadow:0 0 30px #feca57cc;transform:scale(1.05)}@keyframes editPulse{0%,to{box-shadow:0 0 30px #feca57cc}50%{box-shadow:0 0 50px #feca57}}.grid-button.swapping-involved{transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.grid-button.swapping-from{animation:swapFrom .4s ease-in-out;border:3px solid #43e97b!important;box-shadow:0 0 25px #43e97bcc!important}.grid-button.swapping-to{animation:swapTo .4s ease-in-out;border:3px solid #667eea!important;box-shadow:0 0 25px #667eeacc!important}@keyframes swapFrom{0%{background:inherit;transform:scale(1) rotate(0deg)}25%{background:linear-gradient(135deg,#43e97b,#38f9d7);transform:scale(1.1) rotate(5deg)}75%{background:linear-gradient(135deg,#43e97b,#38f9d7);transform:scale(1.05) rotate(-3deg)}to{background:inherit;transform:scale(1) rotate(0deg)}}@keyframes swapTo{0%{background:inherit;transform:scale(1) rotate(0deg)}25%{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1) rotate(-5deg)}75%{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.05) rotate(3deg)}to{background:inherit;transform:scale(1) rotate(0deg)}}.button-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis}.hover-progress{background:#fffc;bottom:0;height:4px;left:0;position:absolute;transition:width .1s ease-out;z-index:1}.navigation-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;gap:15px;height:-webkit-fit-content;height:fit-content;padding:20px;width:120px}.nav-button,.navigation-panel{display:flex;flex-direction:column}.nav-button{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;gap:8px;padding:15px 10px;transition:all .3s ease}.nav-button:hover{background:#fff3;transform:translateY(-2px)}.nav-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff4d}.nav-button.disabled{cursor:not-allowed;opacity:.5}.nav-button.disabled:hover{background:#ffffff1a;transform:none}.movement-controls{margin-top:10px}.movement-label{color:#fffc;font-size:11px;font-weight:600;margin-bottom:10px;text-align:center}.movement-grid{align-items:center;flex-direction:column}.movement-grid,.movement-row{display:flex;gap:5px}.move-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .2s ease;width:35px}.move-btn:hover{background:#fff3;transform:scale(1.1)}.move-btn:active{transform:scale(.95)}@media (max-width:1024px){.main-board{flex-direction:column}.navigation-panel{flex-direction:row;overflow-x:auto;width:100%}.movement-controls{margin-left:auto;margin-top:0}}@media (orientation:portrait) and (min-width:481px) and (max-width:1024px){.main-board.edit-mode{flex-direction:row!important;gap:12px!important;height:calc(100vh - 140px)}.sound-grid.edit-mode{flex:1 1;gap:8px!important;overflow-y:auto}.navigation-panel.edit-mode{background:#ffffff0d!important;border-radius:15px!important;flex-direction:column!important;max-height:100%;order:2!important;overflow-y:auto;padding:12px!important;position:relative!important;width:140px!important}.grid-button.edit-mode{aspect-ratio:1;border-radius:10px!important;font-size:11px!important;min-height:55px!important;min-width:55px!important;padding:5px!important}.nav-button.edit-mode{border-radius:8px!important;font-size:10px!important;margin-bottom:6px;min-height:36px!important;padding:8px 6px!important}.movement-controls.edit-mode{align-items:center!important;display:flex!important;flex-direction:column!important;margin-top:10px!important;width:100%!important}.movement-controls.edit-mode .movement-label{font-size:10px!important;margin-bottom:8px!important;text-align:center!important;width:100%!important}.movement-controls.edit-mode .movement-grid{align-items:center!important;display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important}.movement-controls.edit-mode .movement-row{display:flex!important;gap:4px!important;justify-content:center!important}.move-btn.edit-mode{border-radius:6px!important;font-size:12px!important;height:28px!important;width:28px!important}.navigation-panel.edit-mode .color-controls{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(3,1fr)!important;margin-bottom:8px!important}.navigation-panel.edit-mode .color-swatch{border-radius:6px!important;height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.navigation-panel.edit-mode .font-size-control{font-size:9px!important;margin-bottom:4px!important;min-height:28px!important;padding:6px 8px!important}}@media (max-width:768px){.header{padding:15px}.logo{font-size:24px}.settings-btn{font-size:20px;height:45px;width:45px}.category-tabs{gap:8px;grid-template-columns:repeat(5,1fr)}.category-tab{font-size:12px;padding:12px 8px}.sound-grid{gap:10px}.grid-button{font-size:10px;padding:6px}.navigation-panel{gap:8px;padding:12px}.nav-button{font-size:11px;min-height:44px;padding:12px 8px}.color-controls{gap:12px}.color-swatch{min-height:44px;min-width:44px}}@media (max-width:480px) and (max-height:926px){.main-board.edit-mode{flex-direction:row!important;gap:8px!important;height:calc(100vh - 120px)}.sound-grid.edit-mode{flex:1 1;gap:6px!important;overflow-y:auto}.navigation-panel.edit-mode{background:#ffffff0d!important;border-radius:12px!important;flex-direction:column!important;max-height:100%;order:2!important;overflow-y:auto;padding:8px!important;position:relative!important;width:90px!important}.grid-button.edit-mode{aspect-ratio:1;border-radius:8px!important;font-size:9px!important;min-height:45px!important;min-width:45px!important;padding:3px!important}.nav-button.edit-mode{border-radius:6px!important;font-size:8px!important;margin-bottom:4px;min-height:32px!important;padding:6px 4px!important}.movement-controls.edit-mode{align-items:center!important;display:flex!important;flex-direction:column!important;margin-top:8px!important;width:100%!important}.movement-controls.edit-mode .movement-label{font-size:9px!important;margin-bottom:6px!important;text-align:center!important;width:100%!important}.movement-controls.edit-mode .movement-grid{align-items:center!important;display:flex!important;flex-direction:column!important;gap:3px!important;transform:scale(.8)!important;width:100%!important}.movement-controls.edit-mode .movement-row{display:flex!important;gap:3px!important;justify-content:center!important}.move-btn.edit-mode{border-radius:4px!important;font-size:10px!important;height:24px!important;width:24px!important}.navigation-panel.edit-mode .color-controls{grid-gap:3px!important;display:grid!important;gap:3px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:6px!important}.navigation-panel.edit-mode .color-swatch{border-radius:4px!important;height:20px!important;min-height:20px!important;min-width:20px!important;width:20px!important}.navigation-panel.edit-mode .font-size-control{font-size:8px!important;margin-bottom:3px!important;min-height:24px!important;padding:4px 6px!important}}@media (max-width:480px) and (orientation:portrait){.sound-grid.edit-mode{grid-template-columns:repeat(3,1fr)!important}.grid-button.edit-mode{display:flex!important}.grid-button.edit-mode:nth-child(n+16){display:none!important}}@media (max-width:926px) and (orientation:landscape) and (max-height:480px){.header{margin-bottom:15px!important;padding:12px!important}.logo{font-size:20px!important}.settings-btn{font-size:18px!important;height:36px!important;width:36px!important}.category-tab{font-size:12px!important;padding:8px!important}.main-board{flex-direction:row!important;gap:10px!important;height:calc(100vh - 100px)}.sound-grid{flex:1 1!important;gap:6px!important;grid-template-columns:repeat(5,1fr)!important}.grid-button{aspect-ratio:1;box-sizing:border-box!important;font-size:22px!important;height:126px!important;max-height:126px!important;max-width:126px!important;min-height:126px!important;min-width:126px!important;padding:11px!important;width:126px!important}.grid-button:nth-child(n+26){display:none!important}.navigation-panel{background:#ffffff0d!important;border-radius:12px!important;bottom:auto!important;flex-direction:column!important;order:2!important;padding:8px!important;position:relative!important;width:100px!important}.nav-button{border-radius:8px!important;font-size:9px!important;margin-bottom:6px!important;min-height:36px!important;padding:8px 4px!important}.sound-grid.edit-mode{grid-template-columns:repeat(5,1fr)!important}.grid-button.edit-mode:nth-child(n+26){display:none!important}.grid-button.edit-mode{box-sizing:border-box!important;font-size:20px!important;height:120px!important;max-height:120px!important;max-width:120px!important;min-height:120px!important;min-width:120px!important;padding:8px!important;width:120px!important}.navigation-panel.edit-mode{padding:6px!important;width:80px!important}.nav-button.edit-mode{font-size:7px!important;min-height:28px!important;padding:4px 2px!important}.move-btn.edit-mode{font-size:8px!important;height:20px!important;width:20px!important}}@media (max-width:480px){.header{margin-bottom:20px;padding:10px}.logo{font-size:20px}.settings-btn{font-size:18px;height:40px;width:40px}.category-tabs{gap:5px}.category-tab{border-radius:8px 8px 0 0;font-size:11px;padding:10px 5px}.sound-grid{gap:12px;grid-template-columns:repeat(3,1fr)!important}.grid-button{border-radius:12px;font-size:12px;min-height:80px;min-width:80px;padding:8px}.grid-button .emoji{font-size:24px}.grid-button .label{font-size:10px;line-height:1.2}.movement-grid{transform:scale(.9)}.grid-button:nth-child(n+16){display:none}.navigation-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-radius:12px 12px 0 0;bottom:0;padding:8px;position:-webkit-sticky;position:sticky}.nav-button{border-radius:8px;font-size:10px;min-height:44px;padding:10px 6px}.movement-controls{flex-direction:column;gap:8px}.movement-controls .move-btn{min-height:44px;min-width:44px;padding:8px}.color-controls{flex-wrap:wrap;gap:8px;justify-content:center}.color-swatch{border-radius:8px;min-height:36px;min-width:36px}.font-size-control{min-height:44px;padding:8px 12px}.main-board.edit-mode:not(.iphone-layout){flex-direction:column;gap:15px}.sound-grid.edit-mode:not(.iphone-layout){gap:10px;grid-template-columns:repeat(3,1fr)!important;order:1}.navigation-panel.edit-mode:not(.iphone-layout){background:#ffffff0d;border-radius:15px;flex-direction:column;order:2;padding:15px;position:relative;width:100%}.grid-button.edit-mode:not(.iphone-layout){font-size:11px;min-height:70px;min-width:70px;padding:6px}}@media (min-width:481px) and (max-width:768px){.sound-grid{gap:10px;grid-template-columns:repeat(4,1fr)!important}.grid-button{font-size:11px;min-height:70px;min-width:70px;padding:6px}.grid-button .emoji{font-size:20px}.grid-button:nth-child(n+17){display:none}}@media (min-width:769px) and (max-width:1024px){.sound-grid{gap:10px;grid-template-columns:repeat(5,1fr)!important}.grid-button{font-size:12px;min-height:75px;min-width:75px;padding:8px}.grid-button:nth-child(n+26){display:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffa500b3}70%{box-shadow:0 0 0 10px #ffa50000}to{box-shadow:0 0 0 0 #ffa50000}}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:90vw;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-modal{width:500px}.settings-modal{width:600px}.modal-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:600;margin:0}.close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#fff3;transform:scale(1.1)}.modal-body{max-height:60vh;overflow-y:auto;padding:25px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.form-group{margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{color:#ffffffe6;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.form-group select option{background:#2a2a3a;color:#fff;padding:8px}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.api-key-input{position:relative}.toggle-visibility{background:#0000;border:none;color:#fff9;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.toggle-visibility:hover{color:#ffffffe6}.form-group input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:4px;height:8px;outline:none;width:100%}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.form-group input[type=range]::-moz-range-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.range-value{color:#ffffffb3;font-size:12px;font-weight:500;margin-top:8px;text-align:center}.form-group input[type=checkbox]{margin-right:8px;transform:scale(1.2);width:auto}.settings-section{border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:25px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:#ffffffe6;font-size:18px;font-weight:600;margin:0 0 20px}.example-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-top:10px;padding:10px 16px;transition:all .3s ease}.example-btn:hover{background:#fff3;transform:translateY(-1px)}.example-btn:disabled{cursor:not-allowed;opacity:.5}.reset-btn{background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.reset-btn:hover{background:#ff6b6b33;transform:translateY(-1px)}.warning-text{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:6px;margin-top:10px;padding:10px}.warning-text small{color:#ffc107e6;font-size:12px}.modal-footer{background:#ffffff05;border-top:1px solid #ffffff1a;display:flex;gap:15px;justify-content:flex-end;padding:20px 25px}.cancel-btn,.save-btn{border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#0000;border:1px solid #ffffff4d;color:#fffc}.cancel-btn:hover{background:#ffffff1a;color:#fff}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;color:#fff}.save-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.form-group small{color:#fff9;display:block;font-size:12px;font-style:italic;margin-top:5px}@media (max-width:768px){.modal-content{margin:20px;max-width:calc(100vw - 40px)}.edit-modal,.settings-modal{width:100%}.modal-body,.modal-footer,.modal-header{padding:20px}.modal-header h2{font-size:20px}.form-row{gap:0;grid-template-columns:1fr}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.modal-overlay{padding:0}.modal-content{border:none;border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;max-height:100vh;max-width:100vw;width:100vw}.edit-modal{height:100vh;overflow-y:auto;padding:15px}.modal-header{flex-shrink:0;padding:15px 15px 10px}.modal-header h2{font-size:18px}.close-btn{height:35px;width:35px}.edit-modal .three-column-layout{grid-gap:10px!important;align-items:normal!important;display:grid!important;flex-direction:row!important;gap:10px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important}.edit-modal .three-column-layout>.icon-section{flex:initial!important;grid-column:1!important;grid-row:1!important;margin-right:0!important;width:100%!important}.edit-modal .three-column-layout>.text-section{flex:initial!important;grid-column:1/3!important;grid-row:2!important;margin-top:0!important;width:100%!important}.edit-modal .three-column-layout>.preview-section{align-items:center!important;display:flex!important;flex:initial!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important;justify-content:flex-start!important;width:100%!important}.edit-modal .emoji-library{margin-bottom:20px!important}.edit-modal .emoji-grid{gap:8px!important;grid-template-columns:repeat(6,1fr)!important;max-height:200px!important}.edit-modal .emoji-btn{font-size:20px!important;min-height:44px!important;min-width:44px!important;padding:8px!important}.edit-modal .emoji-category-buttons{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(3,1fr)!important}.edit-modal .emoji-cat-btn{font-size:9px!important;min-height:36px!important;overflow:hidden!important;padding:6px 4px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.edit-modal .emotion-tags{flex-wrap:wrap!important;gap:8px!important}.edit-modal .emotion-tag{font-size:14px!important;min-height:44px!important;padding:10px 15px!important}.edit-modal textarea{font-size:16px!important;min-height:100px!important}.edit-modal input{font-size:16px!important;min-height:44px!important;padding:12px!important}.edit-modal .modal-footer{flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding:15px}.edit-modal .cancel-btn,.edit-modal .generate-btn,.edit-modal .save-btn{font-size:16px;min-height:50px;padding:15px;width:100%}.edit-modal .emoji-search,.edit-modal select{font-size:16px!important;padding:12px!important;width:100%!important}.edit-modal select{min-height:44px!important}.edit-modal .char-count{font-size:14px!important;right:15px!important}}
/*# sourceMappingURL=main.b8020f0c.css.map*/