body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:20px 40px}.header-left{align-items:flex-start;display:flex;flex-direction:column}.app-header h1{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.edit-mode-indicator{color:#fffc;font-size:14px;font-weight:500}.edit-mode-indicator,.save-status{animation:fadeIn .3s ease-in-out;margin-top:4px}.save-status{border-radius:12px;color:#ffffffe6;font-size:13px;font-weight:600;padding:4px 8px}.save-status.saving{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.save-status.saved{background:#28a74533;border:1px solid #28a7454d;color:#28a745}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.edit-toggle:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.edit-toggle.active{background:#ff6b6b;border-color:#ff6b6b}.edit-toggle.active:hover{background:#ff5252;border-color:#ff5252}.header-buttons{align-items:center;display:flex;gap:10px}.reset-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b33;border:2px solid #ff6b6b66;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.reset-button:hover{background:#ff6b6b4d;border-color:#ff6b6b99;transform:translateY(-1px)}.app-main{margin:0 auto;max-width:1200px;padding:40px}.channels-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.channel-wrapper{transition:transform .2s ease,opacity .2s ease}.channel-wrapper.draggable{cursor:grab}.channel-wrapper.draggable:active{cursor:grabbing}.channel-wrapper.dragging{opacity:.5;transform:rotate(5deg)}.channel-wrapper.draggable:hover{transform:translateY(-2px)}.channel-wrapper.drag-over{background:#ffffff1a;border:2px dashed #ffffff80;border-radius:12px;box-shadow:0 8px 20px #0000004d;transform:scale(1.05)}.channel-wrapper.drop-success{animation:dropSuccess .6s ease-out}@keyframes dropSuccess{0%{background:#ffffff1a;transform:scale(1)}50%{background:#4caf504d;box-shadow:0 0 20px #4caf5080;transform:scale(1.1)}to{background:#ffffff1a;transform:scale(1)}}.channel-wrapper.draggable{position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.channel-wrapper.dragging{box-shadow:0 15px 30px #0000004d;opacity:.8;transform:rotate(2deg) scale(1.05);z-index:1000}.channel-wrapper.touch-dragging{box-shadow:0 20px 40px #0006;opacity:.9;transition:none!important;z-index:1000}@media (max-width:768px){.channel-wrapper.draggable{cursor:default}.channels-grid{gap:20px}.channel-wrapper{min-height:120px}.app-header{flex-direction:column;gap:16px;padding:16px 20px}.header-left{align-items:center;text-align:center}.app-header h1{font-size:24px}.edit-mode-indicator,.save-status{text-align:center}.save-status{font-size:12px}.app-main{padding:20px}.channels-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:480px){.channels-grid{gap:12px;grid-template-columns:1fr}}.channel-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:16px;text-align:center;transition:all .3s ease}.channel-card:hover:not(.edit-mode){box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.channel-card.edit-mode{border:2px solid #007bff;cursor:default;min-height:auto}.channel-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:80px;justify-content:center;margin-bottom:10px;overflow:hidden;width:80px}.channel-icon img{height:100%;object-fit:cover;width:100%}.icon-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#666;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.channel-name{color:#333;font-size:14px;font-weight:600;word-break:break-word}.channel-form{width:100%}.icon-preview-section{background:#f8f9fa;flex-direction:column;margin-bottom:20px;padding:16px}.current-icon,.icon-preview-section{align-items:center;border-radius:8px;display:flex}.current-icon{background:#fff;border:2px solid #eee;height:64px;justify-content:center;margin-bottom:12px;overflow:hidden;width:64px}.current-icon img{height:100%;object-fit:cover;width:100%}.change-icon-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background-color .2s}.change-icon-btn:hover{background:#0056b3}.form-group{margin-bottom:16px}.form-group label{color:#555;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-actions{display:flex;gap:8px;margin-top:16px}.save-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 16px;transition:background-color .2s}.save-btn:hover{background:#218838}.delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background-color .2s}.delete-btn:hover{background:#c82333}.add-channel-card{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:16px;text-align:center;transition:all .3s ease}.add-channel-card:hover{background:#e7f3ff;border-color:#007bff}.add-channel-card.adding{background:#fff;border:2px solid #007bff;cursor:default;min-height:auto;padding:20px}.add-icon{color:#6c757d;font-size:32px;font-weight:300;margin-bottom:8px}.add-text{color:#6c757d;font-size:14px;font-weight:600}.add-channel-form{width:100%}.add-channel-form h3{color:#333;font-size:16px;margin:0 0 20px;text-align:center}.add-channel-form .icon-preview-section{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;margin-bottom:20px;padding:16px}.add-channel-form .current-icon{align-items:center;background:#fff;border:2px solid #eee;border-radius:8px;display:flex;height:64px;justify-content:center;margin-bottom:12px;overflow:hidden;width:64px}.add-channel-form .current-icon img{height:100%;object-fit:cover;width:100%}.add-channel-form .change-icon-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background-color .2s}.add-channel-form .change-icon-btn:hover:not(:disabled){background:#0056b3}.add-channel-form .change-icon-btn:disabled{background:#ccc;cursor:not-allowed}.add-channel-form .form-group{margin-bottom:16px}.add-channel-form .form-group label{color:#555;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.add-channel-form .form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.add-channel-form .form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.add-channel-form .form-actions{display:flex;gap:10px;margin-top:20px}.add-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s}.add-btn:hover{background:#0056b3}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s}.cancel-btn:hover{background:#545b62}
/*# sourceMappingURL=main.847b698d.css.map*/