.HooksGrid_grid-container__1_ktt{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem}.HooksGrid_expanded-tile-container__uBe6F{padding:1rem;margin-bottom:1rem}.HooksGrid_hook-tile__rLs3Q{background-color:var(--container-bg-color);border-radius:.75rem;padding:1rem;box-shadow:0 2px 10px var(--box-shadow-color);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;position:relative;border:1px solid var(--border-color)}.HooksGrid_hook-tile__rLs3Q:hover{transform:translateY(-5px);box-shadow:0 6px 20px var(--box-shadow-color-hover)}.HooksGrid_expanded__pI0PB{cursor:default;transition:none}.HooksGrid_expanded__pI0PB:hover{transform:none;box-shadow:0 4px 20px var(--box-shadow-color-hover)}.HooksGrid_color-bar__JGvIv{height:4px;width:100%;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.HooksGrid_hook-tile-header__TH8_r{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;position:relative}.HooksGrid_hook-name__2iR_T{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.HooksGrid_hook-description__c5MWS{margin-top:.5rem;color:var(--form-label-color);flex-grow:1}.HooksGrid_delete-button__HR0b4{background:none;border:none;color:var(--error-color);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.HooksGrid_delete-button__HR0b4:hover{background-color:var(--error-light-bg);color:var(--error-dark-color)}.HooksGrid_expanded-content__EN6kb{display:flex;flex-direction:column;max-height:300px;overflow:hidden;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.HooksGrid_edit-form-container__PXNwY{flex:1;overflow-y:auto;padding-right:.5rem}.HooksGrid_button-group-container__zVErn{margin-top:1rem;flex-shrink:0;border-top:1px solid var(--border-color);padding-top:1rem}.HooksGrid_edit-form-container__PXNwY::-webkit-scrollbar{width:8px}.HooksGrid_edit-form-container__PXNwY::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:4px}.HooksGrid_edit-form-container__PXNwY::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}.HooksGrid_edit-form__8K3yp{gap:1rem}.HooksGrid_edit-form__8K3yp,.HooksGrid_form-group__tsrI1{display:flex;flex-direction:column}.HooksGrid_form-group__tsrI1 label{font-weight:500;margin-bottom:.25rem}.HooksGrid_form-group__tsrI1 input,.HooksGrid_form-group__tsrI1 select,.HooksGrid_form-group__tsrI1 textarea{padding:.5rem;border:1px solid var(--input-border-color);border-radius:.25rem;background-color:var(--input-bg-color);color:var(--text-color)}.HooksGrid_form-group__tsrI1 input::placeholder,.HooksGrid_form-group__tsrI1 select::placeholder,.HooksGrid_form-group__tsrI1 textarea::placeholder{color:var(--placeholder-color)}.HooksGrid_button-group__LwU3y{display:flex;gap:.5rem;margin-top:1rem}.HooksGrid_save-btn__bHs8_{background-color:var(--button-bg-color);color:var(--button-text-color);padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;text-align:center;transition:background-color .3s ease,box-shadow .3s ease;width:10rem}.HooksGrid_save-btn__bHs8_:hover:not(:disabled){background-color:var(--btn-hover-color);box-shadow:0 4px 10px var(--btn-shadow)}.HooksGrid_save-btn__bHs8_:disabled{background-color:var(--button-disabled-bg-color);cursor:not-allowed}.HooksGrid_cancel-btn__H67jV{background-color:var(--button-bg-color);color:var(--button-text-color);padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;text-align:center;transition:background-color .3s ease,box-shadow .3s ease;width:10rem}.HooksGrid_cancel-btn__H67jV:hover:not(:disabled){background-color:var(--btn-hover-color);box-shadow:0 4px 10px var(--btn-shadow)}.HooksGrid_cancel-btn__H67jV:disabled{background-color:var(--button-disabled-bg-color);cursor:not-allowed}@media(max-width:768px){.HooksGrid_grid-container__1_ktt{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.HooksGrid_expanded-content__EN6kb{max-height:300px}}.TruncatedText_truncated-text__TF0kx{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;cursor:pointer;outline:none}.TruncatedText_truncated-text__TF0kx:focus{outline:none}.TruncatedText_truncated-text__TF0kx:after{content:attr(data-fulltext);position:absolute;left:50%;bottom:125%;transform:translateX(-50%) scale(.95);white-space:normal;background-color:var(--tooltip-bg,#333);color:var(--tooltip-text-color,#fff);padding:8px 12px;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease;width:max-content;max-width:300px;z-index:1200}.TruncatedText_truncated-text__TF0kx:after:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:var(--tooltip-bg,#333) transparent transparent transparent}.TruncatedText_truncated-text__TF0kx:focus:after,.TruncatedText_truncated-text__TF0kx:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}@media(max-width:600px){.TruncatedText_truncated-text__TF0kx:after{max-width:90vw}}.HooksGridSkeleton_hooks-skeleton-container__JhcbN{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.HooksGridSkeleton_hook-skeleton-tile__LCQut{background-color:var(--container-bg-color,#f0f0f0);border-radius:.75rem;padding:1rem;box-shadow:0 2px 10px var(--box-shadow-color);display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--border-color,#ddd);animation:HooksGridSkeleton_pulse__Jl84Q 1.5s ease-in-out infinite}.HooksGridSkeleton_hook-skeleton-line__Hya_y{background-color:var(--placeholder-color,#e0e0e0);height:16px;border-radius:4px}.HooksGridSkeleton_hook-skeleton-line__Hya_y.HooksGridSkeleton_short__1asS0{width:50%}.HooksGridSkeleton_hook-skeleton-line__Hya_y.HooksGridSkeleton_medium__KLzx7{width:75%}.HooksGridSkeleton_hook-skeleton-line__Hya_y.HooksGridSkeleton_long__Arsz1{width:100%}@keyframes HooksGridSkeleton_pulse__Jl84Q{0%,to{background-color:var(--container-bg-color,#f0f0f0)}50%{background-color:var(--pulse-color,#ebebeb)}}