.modal-550{max-width:90vw;width:680px}.templates-list{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.template-item{align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:20px 16px;transition:all .3s ease}.template-item:hover{border-color:var(--ui-primary);box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.template-icon-wrapper{align-items:center;background:var(--ui-bg-elevated);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.template-name{color:var(--ui-text);font-size:.875rem;font-weight:600;transition:color .2s ease}@media (max-width:768px){.modal-550{max-width:100%;width:100%}.templates-list{gap:10px;grid-template-columns:repeat(3,1fr)}.template-item{padding:16px 12px}.template-icon-wrapper{height:44px;margin-bottom:10px;width:44px}.template-name{font-size:.8125rem}}@media (max-width:480px){.templates-list{gap:8px}.template-item{padding:14px 8px}.template-icon-wrapper{height:40px;margin-bottom:8px;width:40px}.template-name{font-size:.75rem}}@media (max-width:360px){.templates-list{gap:8px;grid-template-columns:repeat(2,1fr)}}:deep(.u-progress .u-progress__bar){transition:width .3s ease-in-out}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .4s ease-in-out}.fade-slide-enter-from{opacity:0;transform:translateY(20px)}.fade-slide-leave-to{opacity:0;transform:translateY(-20px)}.fade-slide-enter-to,.fade-slide-leave-from{opacity:1;transform:translateY(0)}